Creating expand/collapse trees in Pages

I'd like to make a list where it's possible to expand or collapse parts of the list. I envision it using the arrows that point down to reveal the expanded list or right to collapse the list and when you click on the arrow it swaps between the two. Is this possible in Pages, or is there another application I should be using. I can't seem to figure out how to do it.
Thanks,
Nate
Message was edited by: sdoigsd

Hello,
Omni Outliner does perfectly what You want.
http://www.omnigroup.com/applications/omnioutliner/

Similar Messages

Expand/ Collapse tree funtion does not exist in new appraisals

Hi all,
I have been implementing the new objective setting and appraisals system and the old function of expand and collapse tree does not appear in the screen. this function was very useful because it is more user friendly.
Is it somewhere in configuration or this feature does not exist in the mewer version??
Should I open a sap message?
thank you

Hi
Wat is the update?
Thanks
Sivab

JTree remove expand/collapse cross button...??

Hi all,
I have forbidden tree collapsing (by default it is fully expanded),
and I want to remove expand/collapse cross buttons that actually are used to expand/collapse tree nodes.
Is it possible and can anyone give me advice how i can do this.
Thanks in advance.

I tried extending the BasicTreeUI to return nulls for the collapsed and exapnded icons as shown in the code below. For the most part, it works great! However, one can still expand/collapse the tree by clicking on the point where the vertical and horizontal lines connect.
I guess some one else will take over from here.
import java.awt.BorderLayout;
import javax.swing.Icon;
import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.JTree;
import javax.swing.WindowConstants;
import javax.swing.plaf.basic.BasicTreeUI;
import javax.swing.tree.DefaultMutableTreeNode;
public class Temp extends JFrame {
     private JTree tree = null;
     public Temp() {
          super("Test");
          setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
          initComponents();
          pack();
          setVisible(true);
     private void initComponents() {
          DefaultMutableTreeNode rootNode =
               new DefaultMutableTreeNode("User Preferences", true);
          DefaultMutableTreeNode connectionSettingsNode =
               new DefaultMutableTreeNode("Connection Settings", true);
          DefaultMutableTreeNode sslNode =
               new DefaultMutableTreeNode("SSL", false);
          DefaultMutableTreeNode firewallNode =
               new DefaultMutableTreeNode("Firewall", false);
          DefaultMutableTreeNode securityNode =
               new DefaultMutableTreeNode("Security", true);
          DefaultMutableTreeNode serverCertificatesNode =
               new DefaultMutableTreeNode("Server Certificates", false);
          DefaultMutableTreeNode clientCertificatesNode =
               new DefaultMutableTreeNode("Client Certificates", false);
          connectionSettingsNode.add(sslNode);
          connectionSettingsNode.add(firewallNode);
          securityNode.add(serverCertificatesNode);
          securityNode.add(clientCertificatesNode);
          rootNode.add(connectionSettingsNode);
          rootNode.add(securityNode);
          tree = new JTree(rootNode);
          JScrollPane scroller = new JScrollPane(tree);
          getContentPane().add(scroller, BorderLayout.CENTER);
          tree.setUI(new MyTreeUI());
          //tree.setShowsRootHandles(false);
     public static void main(String args []) {
          new Temp();
     class MyTreeUI extends BasicTreeUI {
          public Icon getCollapsedIcon() {
               return null;
          public Icon getExpandedIcon() {
               return null;
}Sai Pullabhotla

TP4 FileExplorer tree: change Folder icon when expanded/collapsed

I am trying to create a tree similar with FileExplorer from the Demo application. I am trying to use two icons for every node: one for expanded node and another one for collapsed.
I use a rowDisclosureListener tag
rowDisclosureListener="#{menuBean.menuRowDisclosureEvent}to fire an expand/collapse event. In a custom method menuRowDisclosureEvent(RowDisclosureEvent disclosureEvent) I retreive the selected node and programatically change the icon. The only thing is that the tree view itself is not refreshed on the same phase cycle. The node icons are refreshed only at the next requests.
Thanks,
/Florin

I have also tried to use:
AdfFacesContext.getCurrentInstance().addPartialTarget(tree);Didn't helped

Dynamic tree structure (expand/collapse)

i want to do one tree struc example (expand /collapse)
using xml;
like
WOrld
|
|
----INDIA
|
     -------Andhrapradesh
|
          |
-----------------Hyderabad
          |               |                         |           Visakhapatnam
          Karnataka
|
          |
Tamilnadu
America
|
Australia
in the frame at left side tree structure will be there ;when i click world hyperlink and at the right side one forum will come like this;
country name ---------
description ---------
when i enter america and enter submit;the country should come in the left frame;i will refresh left frame when click submit;ofcourse i know that;like wise when i click state hyperlink
state name ---------
description ---------
statename should come under state tree node;
i will also maintain this info in database also;i am using oracle9i;how can i do this the tree structure;how to approach;if anybody give me any links revelant to this?atleast give me some idea what to do?please dont give me the DOM tutorial or SAX Tutorial cos i already gone through but i didnt get any idea.
bye
chaitanya

Initailly set xerces.jar (parser, freeware download from apache site) to calss path
Suppose
<WORLD>
<INDIA>
<ANDHRA>abc</ANDHRA>
<VISHAKHA>fsdfd</VISHAKHA>
<UP>dss</UP>
</INDIA>
<USA>
<FLORIADA>bsbs</FLORIADA>
<NEWYORK>dsds</NEWYORK>
</USA>
</WORLD>
try{
dbf = DocumentBuilderFactory.newInstance();
db = dbf.newDocumentBuilder();
mapDocument = db.newDocument();
Element worldElement = mapDocument.createElement("WORLD");
Element indiaElement = mapDocument.createElement("INDIA");
Element andhraElement = mapDocument.createElement("ANDHRA");
andhraElement.appendChild(mapDocument.createTextNode("sdsd");
Element vishakhaElement = mapDocument.createElement("VISHKHA");
vishkhaElement.appendChild(mapDocument.createTextNode("sdfdf");
Element upElement = mapDocument.createElement("UP");
upElement.appendChild(mapDocument.createTextNode("fsfs");
indiaElement.appendChild(andhraElement)
     .appendChild(vishkhaElement)
     .appendChild(upYElement)
//lly do for usaELement
//finally add indiaElemebnt and usaElement to worldElement
worldElement.appendChild(indiaElement)
     .appendChild(usaElement)
mapDocument.appendChild(worldElement);
}catch(FactoryConfigurationError fce){
     fce.printStackTrace();
}catch(ParserConfigurationException pce){
pce.printStackTrace();
I think this u need

Macking button to expand the tree and collapse tree and another to add node

macking button to expand the tree and collapse tree and another to add node and saving the changes in the database ( this is problem)
and finally delete node from database
so what is proper code for those buttons
thanks my mail is :
[email protected]

Hello,
Use the ftree package's functions
code to expand all nodes:
PROCEDURE explose_tree IS
node    ftree.node;
htree   ITEM;
state   varchar2(30);
BEGIN
   -- search the tree ID --
   htree := Find_Item('BL_TREE.TREE_1');
    -- search the root --
     node := Ftree.Find_Tree_Node(htree, '');
    -- expand all nodes --
   WHILE NOT Ftree.ID_NULL(node) LOOP
      state := Ftree.Get_Tree_Node_Property(htree, node, Ftree.NODE_STATE);
      IF state = Ftree.COLLAPSED_NODE THEN
        Ftree.Set_Tree_Node_Property(htree, node, Ftree.NODE_STATE, Ftree.EXPANDED_NODE);
      END IF;
      node := Ftree.Find_Tree_Node(htree, '', ftree.find_NEXT,Ftree.NODE_LABEL,'', node);
   END LOOP;
END;and to collapse all nodes:
PROCEDURE Implose_tree IS
   node   ftree.node;
   htree ITEM;
   state varchar2(30);
BEGIN
   -- search the root ID --
   htree := Find_Item('BL_TREE.TREE_1');
   -- search the root --
   node := Ftree.Find_Tree_Node(htree, '');
   -- Collapse all nodes --
   WHILE NOT ftree.ID_NULL(node) LOOP
     state := Ftree.Get_Tree_Node_Property(htree, node, Ftree.NODE_STATE);
     IF state = Ftree.EXPANDED_NODE THEN
      Ftree.Set_Tree_Node_Property(htree, node, Ftree.NODE_STATE, Ftree.COLLAPSED_NODE);
     END IF;
    node := Ftree.Find_Tree_Node(htree, '', Ftree.FIND_NEXT,Ftree.NODE_LABEL, '', node);
   END LOOP;
END; Francois

Vertical scroll up/down when expand or collapse tree items

Hi everyone, I'm newbie in adobe flex. Is it possible to makes vertical scroll position automatically scroll up and down when tree component expand/collapse?
I would like to make automatically scroll position likes in tree of windows explorer. Any idea to makes it work?
Regards,
Gus Leo

Yeah!!!after trial and error with this issue i find some logic to makes vertical scroll down automatically likes windos explorer.
I'm attach some code with about this issue and hopes this will be useful for other developer.
Put the code on ItemOpen on tree component
private function onItemOpen(event:TreeEvent):void{
               //rowHeight is default height of tree and +2 is my own logic, because they have a space between a tree
                    var _rowHeight:int = int(event.currentTarget.rowHeight) + 2;
                    var posX:int = int(event.currentTarget.mouseY);
                    var _maxHeight:int = myTree.height;
                    var itemCount:int = int(event.item.children.length);
                    //cheking the current position and calculation of droping index
                    if (((itemCount*_rowHeight) + posX) > _maxHeight){
                        var _currpos:int = posX + _rowHeight;
                        var _heightCount:int = _rowHeight;//default height count is the _rowHeight
                        for (var i:int = 0;i<itemCount;i++){
                            _currpos = _currpos + _rowHeight;
                            _heightCount = _heightCount + _rowHeight;
                            //if the the count of height itemschild > than the tree height so stop to add scrollposition
                            if (_maxHeight < _heightCount ){
                                break;
                            }else if (_maxHeight < _currpos){
                                myTree.verticalScrollPosition = myTree.verticalScrollPosition + 1;
Message was edited by: Gus Leo

Tree on page 0

I have created a tree on page 0. The tree works as a navigation menu common for the entire application. My problem is that if I click on any of the buttons 'Collapse All', 'Expand All' or 'Reset Tree', the current page loses focus. Is there a way to have HTML DB return the control to the "lost page" after having processed the tree request on page 0?
HÃ¥kan

HÃ¥kan - On page zero, edit the buttons that you mentioned. Go to the Optional URL Redirect section and where the Page value is 0, change it to &APP_PAGE_ID. (with that trailing period).
Scott

Expand / Collapse a View -- How can i control it

Our component has 5 pages and each page has its set of fields and validations. (some are required fields).
This works fine if all pages are Visible.
But if user collapse one of the page then none of the logic written for that page gets executed, in other words in a page is collapsed CRM just ignores it completely.
Because of this users are able to create transaction with incomplete data.
Is there a way to make a page permanent, so that user can never collapse it. (Collapse / Expand functionality will not work)
How do you recommend to solve this problem

Is there a way to deactivate Expand/Collapse button ?
We never want user to click on that, i guess it might require JavaScript but will appreciate if somebody can provide some insight on this.
I found below article but couldnt understand how i can implement for my requirement.
http://www.bloggroll.com/view/16

How to Expand/Collapse Select Option Tray

Hi,
I have a View in which I have dynamically created a select-option Tray and then added select-options within the Tray using:
DATA lr_cost_ctr            TYPE REF TO data.
DATA lr_interfacecontroller TYPE REF TO iwci_wdr_select_options.
DATA lr_select_options      TYPE REF TO if_wd_select_options.
* Initialise the selection screen.
lr_interfacecontroller = wd_this->wd_cpifc_select_options_search( ).
lr_select_options =
           lr_interfacecontroller->init_selection_screen( ).
* Add a tray.
lr_select_options->add_block(
    i_id           = 'TRY_ACCT_***'
    i_block_type   = if_wd_select_options=>mc_block_type_tray
    i_title        = 'Account Assignment' ).
* Add a Select Option.
lr_cost_ctr = lr_select_options->create_range_table( 'KOSTL' ).
lr_select_options->add_selection_field(
    i_id              = 'COST_CTR'
    i_within_block    = 'TRY_ACCT_***'
    it_result         = lr_cost_ctr ).
This works fine, but how do I dynamically expand and collapse the select-option Tray ? There are plenty of examples for expanding/collapsing normal Trays by binding the "expanded" attribute at design time or dynamically. But with a Tray created as a select-option block I do not have a reference to the Tray.
I have searched high and low but cannot find how to do this.
I don't want to create the Tray at design time because there will be select-options above and within the Tray.
Any help will be appreciated.
Thanks & regards,
Grogan

Hi,
My Approch is:
---Initially set the webBean property in processReq
Hgrid.setAutoQuery(false);
---On Button click navigate to the same page n set the webBean properties..
put var in session.
pageContext.forwardImmediatelyToCurrentPage(null, true, null);
---in process req get teh value of var from session.
if(pageContext.getSessionValue(var)!= null)
Hgrid.setAutoQuery(true);
Hope it will helps..:)
Note:
---We cant modify the webBean properties in processformReq and processformdata.
Regards
Meher Irk

Show 'Expand'/'Collapse' Icon in Tray

Hi All,
          I have done the following configuration in the portal and the result is confusing, can you please help me understand why?
1. I have created 2 pages, first is a standard portal page and second a webdynpro page in a test folder
2. copied a standard SAP iView to the test folder and added it to both the pages as a delta link
3. opened the iview property from the std. page and set the "Show u2018Expandu2019/u2019Collapseu2019 Icon in Tray" property to NO
4. opened the iview property from the webdynpro page and set the "Show u2018Expandu2019/u2019Collapseu2019 Icon in Tray" property to NO
When i preview the standard page the iView appears without the "Expand/Collapse" icon, but when i preview the webdynpro page the iview appears with the "Expand/Collapse" icon.
Thanks,
Anand

Hi Raghu,
               Our portal version is 7.01 SPS15.
Hi All,
         Any suggestions?
Edited by: Kirupanand Venkatapathi on Oct 4, 2010 11:32 AM

Expand/Contract Tree Issue

Hi all,
I have a tree, which is a collection of all the pages in my application. I am using 2 level tabs as well. I want my tree to expand only that node page which is currently being clicked from the tab i.e when i click the tab in two level tabs, the page with the current node should open and rest all gets collapsed. Pls help.
With Regards,
Sunil Bhatia

Hi all,
Strange that noone has replied to this forum, anyways can anyone just let me know, is it possible or impossible to do this?
I just want that when a tab gets clicked, then there should be 2 request set in my code i.e CONTRACT, CONTRACT_ALL and EXPAND, TAB_NAME which will open my tree. These are working fine individually, but when i try to set 2 requests simultaneously, it doesnt renders. Pls do help me.
Thanks,
Sunil Bhatia

Expand/Collapse functionality in Survey

Dear Experts,
We have build survey Form using Survey Builder. The survey Form has 4
sections , in each section 5 questions & its relevant answer
options are there.
We are using the standard CSS style sheet : CRM_SVY_OPP_WINLOSS.CSS. Out
put displays standard HTML page with out Expand & Collapse
functionality at section & Questional level.
Client required expand and collapse functionality to view the entire
survey form in one page which allows the user to navigate to required
question .
For that we are tring to change Static Survey XSLT, however system is
not allowed to edit XSLT file .
Please suggest ,how can we enable the expand & Collapse
functionality for our surveys in Survey Buider ?
Regards
Pramod

Hello Aks,
After seeing the ME2ON transaction, what i can suggest you is following:
--> Display a column in your Grid with the hotspot on it
--> You can give the icon as a value in the column
--> Then for the hotspot click you need to display the expanded data i.e. regenerate the grid.
My suggestion to you would be that if you dont need to edit anything in the grid i.e. dont want have any editable field on the grid, then you should opt for an ALV tree using class CL_GUI_ALV_TREE. The expand collapse functionality is already there and you will be saved from a lot of coding.
Hope this helps.
Regards,
Himanshu

Expand/Collapse All Version Sets

PSE 10, Is there a simple way to open all the Version Sets with one set of keystrokes, and having them stay open. I have a lot of version sets built up over time, and I would prefer not having to open each one individually. When I tried doing that on a small batch, as soon as I changed to a different batch of pics, all of the Sets I had opened, promptly closed. The View > Expand/Collapse All Stacks does not work on the Version Sets.

Hi Surya
Create a new HTML region at the top of your page, using No Template and use this as the Source:
<script type="text/javascript">
function showHideAll(displaystyle)
var hideIMG = "/i/htmldb/builder/rollup_plus_dgray.gif";
var showIMG = "/i/htmldb/builder/rollup_minus_dgray.gif";
var k;
var r = document.getElementsByTagName("DIV");
if (r)
   for (k = 0; k < r.length; k++)
     if (r[k].className == 't12Hide')
       r[k].style.display = displaystyle;
var i = document.getElementsByTagName("IMG");
if ( i )
for (k = 0; k < i.length; k++)
    if (i[k].id.substr(0, 5) == 'shIMG')
      i[k].src = (displaystyle == 'block') ? showIMG : hideIMG;
</script>
<a href="javascript:showHideAll('block');">Show All</a>
<a href="javascript:showHideAll('none');">Hide All</a>The image names and className (t12Hide) are based on my test page - change these as appropriate for your own page (you may need to do a View Source on the page to check these values).
Andy

Expand/collapse all regions

I have 5 show/hide regions on a page. is it possible to Expand/collapse all regions by clicking a "Show/Hide All" link or a button. any ideas are appreciated.
thanks,
Surya

Hi Surya
Create a new HTML region at the top of your page, using No Template and use this as the Source:
<script type="text/javascript">
function showHideAll(displaystyle)
var hideIMG = "/i/htmldb/builder/rollup_plus_dgray.gif";
var showIMG = "/i/htmldb/builder/rollup_minus_dgray.gif";
var k;
var r = document.getElementsByTagName("DIV");
if (r)
   for (k = 0; k < r.length; k++)
     if (r[k].className == 't12Hide')
       r[k].style.display = displaystyle;
var i = document.getElementsByTagName("IMG");
if ( i )
for (k = 0; k < i.length; k++)
    if (i[k].id.substr(0, 5) == 'shIMG')
      i[k].src = (displaystyle == 'block') ? showIMG : hideIMG;
</script>
<a href="javascript:showHideAll('block');">Show All</a>
<a href="javascript:showHideAll('none');">Hide All</a>The image names and className (t12Hide) are based on my test page - change these as appropriate for your own page (you may need to do a View Source on the page to check these values).
Andy

Creating expand/collapse trees in Pages

Similar Messages

Maybe you are looking for