Alignment of the tree

Apex 3.1.1

Hello
I have an example of a tree on page 6 of my sample application [http://apex.oracle.com/pls/otn/f?p=23292:1]. The alignment of the nodes works very well as long as I have only two levels (parent/child), but when I develop the levels to include children with children, alignment mess. "Level 1 - Parent" is developed, the text 'Child with children' is pushed to the right. I think that the reason for this is because the tree is in a table. Is there a way I can align the text immediately next to the folder icon? Thank you.

Lisa

Hello

The problem is, as you say, to do with the tree being in a table structure. For the version of the tree that you used (the one with "folders"), the folder icon is displayed in its own tag TD. The rest of the text is in a separate TD tag that must have a COLSPAN value that ensures that all text values take each line to the full width of the table - this is based on the value for a given row (which indicates to what extent towards the bottom of the hierarchy that is the node). However, this COLSPAN does not account items that have folder icon. Thus, those who have this icon and the others are supposed to have the same number of TD tags on the line and this raises the problem.

There are only two suggestions I can do:

1. do not use the tree view "folders."
2 - Move the folder icon in the cell that contains the +/-icon

I tried the second option here: [http://apex.oracle.com/pls/otn/f?p=40629:1] as you can see, those entries that do not have this icon still allowing a gap for it

Andy

Tags: Database

Similar Questions

  • Context menu appears only on the tree

    Hi all

    I use Jdev. 12.3.1.0 and I created a component of the tree with a context menu, but when I press right click it does not show the menu.

    The following XML code:

                                                   <af:tree value="#{bindings.AccAnalysisRootVO.treeModel}" var="node"
                                                         selectionListener="#{bindings.AccAnalysisRootVO.treeModel.makeCurrent}"
                                                         rowSelection="single" id="t1">
                                                    <f:facet name="nodeStamp">
                                                        <af:panelGroupLayout id="pgl2">
                                                            <af:image source="#{resource['images:ana2.jpg']}" id="i1"
                                                                      inlineStyle="margin-right:3px; vertical-align:middle; height:14px; width:16px;"/>
                                                            <af:link id="ot1" text="#{node}"
                                                                     actionListener="#{SetAnalysisCode.GetTree}"
                                                                     partialSubmit="true"/>
                                                        </af:panelGroupLayout>
                                                    </f:facet>
                                                    <f:facet name="contextMenu">
                                                        <af:popup childCreation="deferred" autoCancel="disabled" id="p1">
                                                            <af:menu text="menu 1" id="m2">
                                                                <af:commandMenuItem text="#{psmartviewcontrollerBundle.ADD}" id="cmi1"/>
                                                                <af:commandMenuItem text="#{psmartviewcontrollerBundle.DELETE}" id="cmi2"/>
                                                            </af:menu>
                                                        </af:popup>
                                                    </f:facet>
                                                </af:tree>
    

    Just tried and it works fine. Works fine in the demo of component too: tree demo

    Can you be sure if your resource package has appropriate entries? Can you try to restart the server and then deploy the application to see if it works well?

    @Ashish Awasthi

    Hello

    surround your tree with panelCollection

    Thank you

    Why?

    Arun-

  • is it possible to write a script that will display the script files folder in the tree

    is it possible to write a script that will display the script files folder in the tree

    Yes :-)

    In your previous post, someone suggested to search for the file "SnpCreateTreeview.jsx", because it would just be the asked.

    The script can be found here, just accept the EULA and download the example scripts of Bridge CS3. (For some reason it is not in CS4 samples because as far as I know)

    Here's a version with small changes, it is up to you to point the script in the folder 'root' right, because this is, needless to C: on PC:

    ////////////////////////////////////////////////////////////////////////////
    ADOBE SYSTEMS INCORPORATED
    Copyright 2007 Adobe Systems Incorporated
    All rights reserved
    //
    NOTE: Adobe permits you to use, modify, and distribute this file according to the
    the terms of the Adobe license agreement accompanying it.  If you received this file from one
    source other than Adobe, then your use, modification or distribution of it is required in advance
    written permission from Adobe.
    /////////////////////////////////////////////////////////////////////////////

    /**
    @fileoverview shows how to use an item in the tree list and how to capture events with
    functions of recall or script registered event listeners.
    @class shows how to use an item in the tree list and how to capture events with
    functions of recall or script registered event listeners.

    Its use


      
      
      

        
    1. Run the extract in the ExtendScript Toolkit (see Readme.txt).
         
    2. Enlarge / reduce the list items
         
    3. Check the JavaScript Console to see the events captured by the elements of the TreeView.
       

    Description


     
     

    Creates two hierarchical list of TreeView items. One is static, with a fixed set of point
    nodes that you can expand and collapse. The other is dynamic; Item nodes are added and removed as
    the need for a view of the file system.
     
     

    The list items in the TreeView control to display the folders and files custom images.  When you add items to the
    TreeView list, type 'article' is used for elements of the leaf and 'node' to the elements of the container.
     
     

    Dynamic TreeView captures events in two different ways. It uses callback functions to capture the
    node to expand and collapse events and selection changes and also registers an event listener to
    capture double-click events.

    @constructor constructor
    */
    #targetengine "session".
    function SnpCreateTreeView()
    {
    /**
    The context in which this code snippet can work.
    @type string
    */
    this.requiredContext = "\tNeed runs in the context of the Bridge\n."

    /**
    The location of this script file system
    @type file
    */
    var scriptsFile = new File($.fileName);
       
    /**
    The location of the file system resource PNG file used to represent folders
    @type file
    */
    this.folderIcon = new file (scriptsFile.path + "/ resources/Folder_16x16.png");

    /**
    The location of the file system resource PNG file used to represent files
    @type file
    */
    this.fileIcon = new file (scriptsFile.path + "/ resources/Story_16x16.png");

    /**
    The root folder that will be used for the dynamic tree
    @type string
    */
    this.rootFolder

    If (File.fs is "Windows")
    {
    this.rootFolder = "C:";
    }
    on the other
    {
    this.rootFolder = ' / ';.
    }
    }

    /**
    Functional part of this code snippet. Creates the ScriptUI window and its components,
    and defines the behavior.
    @return true if the code snippet is executed as scheduled, false otherwise
    Boolean @type
    */
    SnpCreateTreeView.prototype.run = function()
    {

    $.writeln ("about to"run SnpCreateTreeView");
       
    Create the window
    var win = new window ("palette", "SnpCreateTreeView", undefined, {resizable: false});

    Create the Committee for the static TreeView control
    sPanel var = win.add ('Committee', undefined, 'TreeView Élément') static;
    sPanel.alignment = ["fill",""];
    sPanel.alignChildren = ["fill",""]

    Create a TreeView list
    sTv var = sPanel.add ("treeview");
    sTv.preferredSize = (300, 200);
    Add static items to the list, in a hierarchical structure.
    for (var i = 0; i)<>
    {
    sTv.add ("node", "Item" + i);
    for (var j = 0; j)<>
    {
    sTv.items [i] .add ("item", "Sub Item" + j);
    }
    }

    Create the Committee for the dynamic TreeView control
    var dPanel dynamic = win.add ('Committee', undefined, 'TreeView Élément');
    Create a TreeView list
    TV digital var = dPanel.add ("treeview", undefined);
    dTv.preferredSize = (400, 300);
    Create the root node element
    var aNode = dTv.add ("node", "/");
    Pair it with an image of the icon
    aNode.image = this.folderIcon;

    Define a handler for the double clicks
    myOnDoubleClick = Function
    {
    if(e.detail == 2)
    {
    $.writeln ("double click");
    }
    }

    Adds the handler as an event listener to the TreeView element.
    dTv.addEventListener ("click", myOnDoubleClick);

    Keep a reference to this object
    var that = this;

    Define an event handler for when a node is expanded
    dTv.onExpand = function (point)
    {
    $.writeln (item.text + "is now expanded.");
    nextItem var = item;
    var path = "";
    goUp var = true;

    While (goUp)
    {
    path = "/" + nextItem.text + path;
    nextItem = nextItem.parent;
    If (instanceof TreeView nextItem)
    {
    goUp = false;
    }
    }

    Remove all children of this element
    item.removeAll ();

    var Ref = new file (that.rootFolder + path);
    If (Ref instanceof Folder)
    {
    children var = ref.getFiles ();
    for (var i = 0; i)<>
    {
    If (children [i] instanceof file)
    {
    Item.Add ("node", children [i] p:System.NET.mail.MailAddress.DisplayName);
    Item.Items [i] .image = that.folderIcon;
    }
    on the other
    {
    Item.Add ("item", children [i] p:System.NET.mail.MailAddress.DisplayName);
    Item.Items [i] .image = that.fileIcon;
    }
    }
    }
    }

    Define an event handler for when a node is reduced
    dTv.onCollapse = function (point)
    {
    $.writeln (item.text + "is now reduced.");
    }

    Define an event handler for when the selection changes
    dTv.onChange = function()
    {
    $.writeln ("selection changed");
    }

    Display the window
    Win.Show ();
       
    $.writeln ("Ran SnpCreateTreeView");
       
    Returns true;
    }

    /**
    "main program": construct an anonymous instance and run
    as long as we are not unit - test this code snippet.
    */
    If (typeof (SnpCreateTreeView_unitTest) == 'undefined') {}
    new SnpCreateTreeView () .run ();
    }

  • alignment of the bullets for doc epub

    Hello

    I'm trying to format my paper for the publication of the ebook. I use Pages and specifically the ebook eBook template in Pages. I formatted and re-formatted in the last days to try to get my chips to align properly when I export the doc Pages in epub format.

    When I open the document in ibooks, the balls are not properly aligned. Also, when I download the doc epub for kindle and check the appearance of the epub on various e-readers, the bullets look well on android devices, but not on the (strange!) apple/mac devices.

    I tried everything (stripped the formatting and re-formatted 45 times more). I'd appreciate any help.

    Thank you

    Sunni

    Pages v5.6.1 in OS X El Capitan.

    The withdrawal of bullet of level 1 by default is 0 in and withdrawal of text is 0.2 in.. A dash of level 2 under level 1 using the symbols of dash Panel Format is 0.17 in. and his withdrawal of the text remains unchanged at 0.2 in. resembles what follows in the Pages and give a hope prior to export ePub. Regular time to 12 points. But there is a slight tooth out in iBooks to the dash of level 2. Arrgggh.

    Pages                                                                                 iBooks 1.5

    Now, adjust us this indent level 2 to be 0.25 with removal of text. It is not properly aligned in the Pages, but is very close to the iBook:

    Just another example of the real cost of using Pages v5.

  • Alignment of the mouse in flash-based objects is completely wrong

    Since I installed FF 8.0 I continue to have this problem: whenever I try to use an object flash (, video game, YouTube etc.), there seems to be a problem with the alignment of the mouse: the position of the pointer as part of object is different then in the normal window, which means it's really hard to click, as the video game acknowledges that the alignment of the mouse in the window and not 'virtual' in pointer the game. Previously, FF 7, I have no problem with that at all; I tried to reinstall Adobe Flash Player, but it did not work.

    No idea how to fix this?

    Try turning off hardware acceleration.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

    If disable hardware acceleration works then check if there is an update available for your graphics display driver.

  • Alignment of the printer

    my printer is not aligned in the Center, the material being printed.  When I do an alignment, at the end it don't tell me a great success.

    Hello missbill,

    Welcome to the Forums of HP's Support.  I understand that you have a lack of alignment with your HP printer.

    To help you, you please provide additional information:

    1. Number of product/brand/model of printer HP do you have? How can I find my model number or product number?
    2. How is the printer connected (USB cable, ethernet or wireless)?
    3. What operating system do you use on your computer (Windows 7, Mac 10.9, Windows 8, etc.)?
    4. Alignment has already been successful?

    Thank you.

  • How to align to the left the url in safari browser?

    I want to align to the left of the uRL in the browser of Safri so the favicons are visible and also if I can edit a long URL

    When the URL is centered, click inside the address bar the address left aligns the favicon showing.

  • How to highlight the part of the tree?

    Hello everyone!

    I have a question: how to highlight a part of the tree on a condition? (please see the attached vi and the pictures for a clearer explanation of the problem)

    I'm using LabView 2014.

    Thank you very much!

    Have patience.  You only aske the question about 40 minutes earlier.

    You highlight the lines you want by writing the values to the control.  Don't mess with the background color of cell.

    You try to highlight several items?  If so, then right-click on the control and let him choose 0 or more elements.  As soon as you select a mode with the possibility of more than one element, the values of the tree becomes an array of strings, rather than just a string.  You need build an array of strings that you will write to a local variable of the control to highlight the various elements.

  • Max of tasks is does not display in the tree

    I don't know if it's good advice or not, but it is not a Council of MAX.

    I'm having a problem in Max where I can create a new task, save it and it does not appear in the tree of the task, but I can access in the browser window in Labview. I attach 2 images below to show the problem. Thanks in advance for your help

    This looks like a MAX Database corruption problem, the following link contains steps on how to fix corruption of the database:

    http://digital.NI.com/public.nsf/allkb/2C7480E856987FFF862573AE005AB0D9?OpenDocument

    Let me know if it works for you.

    Nathan P.

  • Adding items to the tree in an effective way

    Hello

    I am trying to add items in the tree.

    The problem I am facing is, I have to update the tree constantly and add elments.

    To add first items bit it takes less time, but as the tree grows the accumlated gets.

    Demo Vi is attached for reference.

    Any HELP WILL BE GREATFUL. (vi ATTACHED IS in 2009 version)

    First of all, 1% for calibration of time Windows is 'no difference '.

    But indeed, the update of the front panel is not the factor limiting here: this is the number of children-entries that create problems. So with zero children (as I did in my first test), to postpone the updates done grant you a huge performance increase as is the one and only overhead.

    In your case (100 children), defer updates is disabled the relevance as the method 'Add items' takes awhile.

    I agree that the performance impact is huge, maybe too big, to increase the number of children. But on the other hand, you must understand that you are dealing with arrays of cluster... is in fact a big effort for the memory manager to allocate enough memory, copy of things around and (internally) the deallocation of memory. It's the more data, the most important, this will create. Therefore, it will get slower the more data that you add. But certainly, the measure is surprisingly high.

    But nothing you can change.

    To the last comment: why do you need a tree that changes many times during execution while maintaining several 100ths of elements in any combination of parent/child?

    Norbert

  • in the Tree control check box symbol

    Hello

    I built a code to use the check box symbol based on the tree and pasted to get the item check box selected.

    In fact, my requirement is to use the tree with the checkbox and make multiple selection and the list of the selected item. I've completed up to the selection of the checkbox, but not able to get the list of all selected items.

    I enclose the code for your reference.

    Please let me know hot to do this, if anyone knows.

    Thanks in advance

    Perhaps this...

  • change the column of the tree

    Hi guys,.

    I'm new to the tree control.  I'm trying to programmatically change the State of the second column without changing the text of the left cell in the control (see attached photo).  Can you please point me to the right direction?  I use Labview 8.5.  Thank you.

    I am fairly new

    Hello

    There is a feature in LabVIEW, called property node. With the property node, you can change the front panel objects programmatically. You can make the property node with a right click on the object you want to change by programming and will create > property node and then you have all the properties of the selected object, you can programmatically change. When you created the property node, you can change access (read/write) with right click, and then you choose change all to write or modify To Read, depending on what you have chosen.

    In your case you will need 3 properties:

    Active cell > column Active - sets/bed number of the current column number

    Active element > line number - sets/bed number of the current column

    Active cell > String - string of the element sets/bed

    If you have any questions feel free to ask.

    Respect,

    Gregor ring

  • How to blur a part of the tree?

    I have a tree control with check marks and the option "text click on toggle mark.

    When I have a list of items that I have to disable (i.e. do grey) some of them, but I can't find the ATTR_DIMMED attribute for the SetTreeItemAttribute() function.

    I used SetTreeCellAttribute() but this way the checkmarks remains active, so I can activate / it also for disabled items.

    How can I turn it off completely (i.e. Sun) a part of the tree? With its check mark too?

    This should do the trick.

    int CVICALLBACK TreeCB (int panel, int control, int event,
            void *callbackData, int eventData1, int eventData2)
    {
        int itemIdx, dimmed, swallow=0;
        switch (event)
            {
            case EVENT_MARK_STATE_CHANGE:
                itemIdx = eventData2;
                GetTreeCellAttribute(panel, control, itemIdx, 0, ATTR_CELL_DIMMED, &dimmed);
                if (dimmed)
                    swallow = 1;
                break;
            }
        return swallow;
    }
    
  • MAX: Devices &amp; Interfaces missing from the tree?

    Hi all

    I'm a noob and try to learn LV

    I'm working through the book, Labview for everyone, and I work in the chapter on the instrument control.

    I opened MAX (Measurement and Automation Explorer) and want to see the ports on my computer.

    It is said in the book and local help, click on the link devices and Interfaces in the tree view on the left hand side... but I do not see this option. All I see is

    My system

    Software

    IVI drivers

    Remote systems

    Is there anything else I need to install? I looked on the installation disk and I don't see anything else?  I'm going to need to talk via USB / RS232 / serial port to communicate with a Board I'll receive it soon...

    Can someone give me some advice on what I should get get the devices and Interfaces > Ports on MAX?

    I looked on the forum here and I've seen people with the same problems that had not installed a NI-VISA. I have check and it seems that I do:

    NI-VISA 5.0.3

    Duration of NI-VISA 5.0.3

    I'm under LV 2011

    Thank you in advance!

    Cayenne

    It's the wrong version of the VISA for LabVIEW 2011.

    NI-VISA and compatibility of the versions of LabVIEW for Windows

    Be sure to only run records of device driver provided with LabVIEW 2011 after the installation of the 2011 LV.

  • MAX does not list the devices and Interfaces in the tree

    When I open MAX, the tree displays only software in my system. I'm trying to access the devices and Interfaces, that should be included in the tree as well as a number of other elements. I've attached a screenshot of what I see. Why everything is not listed, and how can I solve this problem?

    Spuleio,

    You won't see if device drivers are not installed.  Notice the button in the example that says "Open VISA Test Panel"?  VISA is loaded with device drivers OR.  You can find the drivers here.  If you want just the VISA, I think you might be able to find it here. But, in both cases, NEITHER needs a way to talk to the port, hence the need for the driver.

    Cheers, Matt

Maybe you are looking for