Expand or collapse all collapsible panels at once.

Hi,
I have a page with a number of collapsible panels on it generated from SpryData.
I know the collapsible panel names because their IDs are generated from the Spry data with
<div class="CollapsiblePanel" id="cp{ds_RowNumber}" spry:repeat="Events">
I have a couple of links on the page that I want our members to be able to click to be be able to collapse or expand all collapsible panels at once. How can I return a reference to the collapsible panel objects so I can close / open them using the open / close functions of the widget etc?
See http://www.thehmc.co.uk/Events4.html and the links with the text (Show or hide all event details)
i.e. I have a function and I know Spry.$$ is not what I want , but what do I need to return the object reference?
function dhide()
var panelCount = Events.getRowCount();
for (var p = 0;p < panelCount;p++)
panelID = '#cp' + p;
var mypanel = Spry.$$(panelID);
var a = panelID.close();
Thanks
Phiol

Hi,
Yes I found CollapsiblePanelGroup in the Spry 1.6.1 samples and am now using the OpenAllPanels function.
Finding the collapsible panel group API in the documentation isn't the most intuitive and you may wish to review.
Regards
Phil

Similar Messages

Adding a link to expand and collapse all DHTML drop downs

Hi, can anyone help me adapt the "Skinny on Skins" example "Add a Toolbar button to expand and collapse all DHTML drop downs" so that it will work with just a simple HTML link in RH8, instead of being attached to a custom skin button?
The example looks like this:
Step 1. Open the Skins Editor for the skin where you want to add the button.
Step 2. After the preview loads into the window, ensure that the Toolbar tab has focus, then click the plus symbol. The Custom Toolbar Item dialog should display.
Step 3. Type the Item Name (This is simply an internal reference for the button).
Step 4. Type the Text (This is the text that will be seen by the end user. The field must contain something. So if you don't want any verbiage to display for your toolbar item, simply type a space.)
Step 5. Choose your Image Options, then click the Action tab.
Step 6. Click the JavaScript option button.
Step 7. Enter the following code in the OnClick field:
javascript:toggle()
Step 8. In the JavaScript area, ensure the Inline JavaScript option button is selected, then click the edit (Pencil) icon located to the right.
Step 9. Enter the following code in the Inline JavaScript dialog
var show = "false";
function toggle() {
parent.frames[1].bsscright.focus();
var arrayofDivs = parent.frames[1].bsscright.document.all.tags('DIV');
if (show == "false") {
for (x=0;x<arrayofDivs.length;x++) { arrayofDivs[x].style.display = "block";}
show = "true";}
else {
for (x=0;x<arrayofDivs.length;x++) { arrayofDivs[x].style.display = "none"; }
show = "false"; }
Step 10. Click the OK button to close the Inline JavaScript dialog.
Step 11. Click the OK button to close the Custom Toolbar Item dialog.
Step 12. Click the OK button to close the Skin Editor.
Step 13. Generate WebHelp via File > Generate > WebHelp and ensure that you have the new button selected with a check mark. This will probably require stepping through some screens to see the place where you can select it.
Many thanks
Jonathan

Hi again
I want to use it in the header of one of my Master Pages, so it will only be created/maintained once. Not all my pages have drop downs in so rather than have a toolbar button available for every page, I was trying to be a bit cuter by having two Master Pages - one for normal pages and one for pages with drop downs in.
I'm no javascript expert so I'll see if one of my developers can help.
Thanks anyway
Jonathan

Expanding and Collapsing All Nodes in a TreeByNestingTableColumn

Hi Experts,
I'm using NWDS 7.0.18.
I have a table with TreeByNestingTableColumn (master column).
The child nodes are recursive nodes and are loaded at runtime with an action onLoadChildren when clicking the master column. My question is, when the hierarchy is in its initial state, only the root node is loaded into the table. But I want to add functionality for expanding all nodes in the tree. Is there a way to achieve this, I'm a little confused because the Hierarchy children havent been loaded yet.
Any suggestion will greatly help.
Regards,
Kunal.

Hi Kunal,
I got your problem.
To expand & collpase all the child nodes please modify the code as below.
Create two methods exapndAll & collapseAll and call these two methods in existing button actions.
as below.
public void expandAll( com.sap.tut.wd.treetable.wdp.IPrivateTreeTableView.ICatalogEntriesNode node )
    //@@begin expandAll()
     for (int i = 0; i < node.size(); i++) {
     node.getCatalogEntriesElementAt(i).setExpanded(true);
     if(node.getCatalogEntriesElementAt(i).getIsLeaf()==false)
          expandAll(node.getCatalogEntriesElementAt(i).nodeChildCatalogEntries());
    //@@end
public void collapseAll( com.sap.tut.wd.treetable.wdp.IPrivateTreeTableView.ICatalogEntriesNode node )
    //@@begin collapseAll()
     for (int i = 0; i < node.size(); i++) {
     node.getCatalogEntriesElementAt(i).setExpanded(false);
     if(node.getCatalogEntriesElementAt(i).getIsLeaf()==false)
          expandAll(node.getCatalogEntriesElementAt(i).nodeChildCatalogEntries());
    //@@end
public void onActionCollapseAll(com.sap.tc.webdynpro.progmodel.api.IWDCustomEvent wdEvent )
    //@@begin onActionCollapseAll(ServerEvent)
    collapseAll(wdContext.nodeCatalogEntries());
    //@@end
public void onActionExpandAll(com.sap.tc.webdynpro.progmodel.api.IWDCustomEvent wdEvent )
    //@@begin onActionExpandAll(ServerEvent)
    expandAll(wdContext.nodeCatalogEntries());
    //@@end
We are invoking the methods recursively to expand/collapse all the child nodes.
This works.
Regards,
Charan

DHTML Tree Expand-Collapse ALL buttons

Hi
I am using at DHTML Tree (in APEX 3.0.1) as a menu. I am wondering if it is possible to add buttons (or link) to the region which a user can click to expand all or collapse all nodes in the tree.
I don not want the tree to be expanded or collapsed all the time (as when using the Tree List template)
Thanks

Anyone?

Using Spry Collapsible Panels

How do I set up a function to open or close all collapsible
panels with JavaScript? Do I need functions, or is there an
existing function that can do this? My panels are named
sequentially:
CollapsiblePanel1
CollapsiblePanel2
Thanks for any help; I want to create an announcements list
and let visitors quickly open or close all panels.

Try a CollapsiblePanelGroup widget.
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Check the bottom sample.

Checkbox (only) controls open/close function of collapsible panel

I have a form with several collapsible panels in it, each
with a checkbox in the tab area, like so:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">
<input type="checkbox" name="checkbox_array[]"
value="i_need_this" />
I need this!
</div>
<div
class="CollapsiblePanelContent">Content</div>
</div>
My question is this: Is there any way to control the
open/close function of the collapsible panel using only the
checkbox located within the tab? Ideally, the panel would still
change based on hover, focus, etc.
In advance, let me just say thank you so much for any help
you might provide with this.
- Devin

Yessir, it is possible. I was struggling with something
similar myself, and got it figured out. You'll need to do this in
two steps.
First, you should disable the existing listener, so that when
you click the tab area nothing happens. You'll need to wade into
your SpryCollapsiblePanel.js file and comment out a line. Somewhere
around line 191 you'll find a function called
"Spry.Widget.CollapsiblePanel.prototype.attachPanelHandlers".
Within that function, around line 198, you'll find the following
code:
quote:
Spry.Widget.CollapsiblePanel.addEventListener(tab, "click",
function(e) { return self.onTabClick(); }, false);
Comment it out by typing a double forward slash (//) at the
beginning of the line like this:
quote:
// Spry.Widget.CollapsiblePanel.addEventListener(tab,
"click", function(e) { return self.onTabClick(); }, false);
If you test your code at this point, you'll discover that
you've broken the collapsible panel functionality. The panel won't
open. Now you need to set up your checkbox to trigger the
open/close functions. To do this, you just need to add an onclick
event to your checkbox like this:
quote:
<input type="checkbox" name="checkbox_array[]"
value="i_need_this"
onclick="CollapsiblePanel1.onTabClick();" />
The onTabClick() function simply checks if the panel is
already open, and calls either the open() or close() function as
appropriate. If you needed to, you could check whether the checkbox
is checked or not, then call the open() or close() functions
directly.
Please note that in modifying your SpryCollapsiblePanel.js
file like this, you'll be modifying the behavior of all collapsible
panels built using that file. If you need standard collapsible
panels as well, you'll need to add the same onclick event to your
tab panels manually.

Script to Close all the collapsible panels on click of one collapsible panel

Hi All,
Please help me with modifying the script or a new script to suffice the following.
I have around 5 to 6 collapsible panels in many html files. There is a huge content under each panel and thats the reason I want to collapse i.e., close all the open panels and open the panel that is clicked on.
that is initially i click on panel 1 - > Panel 1 opens and contents are displayed.
now I click on panel 2 - > panel 1 should close and panel 2 should open.
Please help me acheive this.
Thanks in advance.

To close the remaining panels you can just use the onclick method and however many panels you have just add them to the list spacing them out with a " , "
Here is an example of 3 panels that close and open, upon clicking on one of the panels.
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0" onclick="CollapsiblePanel2.close(),CollapsiblePanel3.close()">Tab 1</div>
<div class="CollapsiblePanelContent">Long-Sleeve Prices</div></div>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0" onclick="CollapsiblePanel1.close(),CollapsiblePanel3.close()">Tab 2</div>
<div class="CollapsiblePanelContent">T-Shirt Prices</div>
</div>
<div id="CollapsiblePanel3" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0" onclick="CollapsiblePanel1.close(),CollapsiblePanel2.close()">Tab 3</div>
<div class="CollapsiblePanelContent">Hat Prices</div>
</div>

Collapse all below and expand all below

hi,
Expand all below & collapse all below action are not working for <af:treeTable/> UI component which are provide by <af:panelCollection/> component by default (we dont have control over them). But Action 'expand all below' on selected row is just expanding itself (selected one.)
Here is the code of implement of treeTable
<af:panelAccordion inlineStyle="width:100%;" discloseMany="true"
discloseNone="true" id="regional_panel1">
<af:panelCollection
inlineStyle="width:100%;height:100%"
id="regional_collection_table_tags">
<af:treeTable rowSelection="single" contextMenuId="treeTableMenu"
rowBandingInterval="1" inlineStyle="width:100%;"
columnStretching="last"
value="#{bindings.result.treeModel}" var="node"
id="TagTree"
binding="#{pageFlowScope.TagHelper.tagTree}"
selectionListener="#{pageFlowScope.TagHelper.tableSelectionListener}">
<f:facet name="nodeStamp">
<af:column headerText="#{bundle.TAG_NAME}">
<af:outputText value="#{node.name}"/>
</af:column>
</f:facet>
<af:column headerText="#{bundle.DESCRIPTION}">
<af:outputText value="#{node.description}"/>
</af:column>
</af:treeTable>
</af:panelCollection
>
</af:panelAccordion>
Note: Collapse All & Expand All actions are working fine which are also provide by <af:panelCollection/> component.
Please provide me any info to fix this.
kind revert me for more info.
Thank
KSB

Hi,
your panel accordion does not have a showDetail item as a child containing the panelCollection, The IDE should have flagged this as an error. Your problem doesn't reproduce for me
Frank
Ps.: component ID should be kept short (less than 7 characters) because they add to the download size and thus contribute to performance degradation

Expand/Collapse all in OneNote 2013?

Once I've created a hierarchy in OneNote, is there any way I can collapse all or expand all in a single click, or am I destined to have to click more than 100 [+] when I want to see everything? Thanks.

Hi,
Do you mean you want to expand all collapsed outlines by single click? If so, we can use Alt + Shift + 0 to expand all levels in OneNote. Some related keyboard shortcut key are listed below:
Show through Level 1.
    ALT+SHIFT+1
Expand to Level 2.
    ALT+SHIFT+2
Expand to Level 3.
    ALT+SHIFT+3
Expand to Level 4.
    ALT+SHIFT+4
Expand to Level 5.
    ALT+SHIFT+5
Expand to Level 6.
    ALT+SHIFT+6
Expand to Level 7.
    ALT+SHIFT+7
Expand to Level 8.
    ALT+SHIFT+8
Expand to Level 9.
    ALT+SHIFT+9
Expand all levels.
    ALT+SHIFT+0
Increase indent by one level.
    TAB
Decrease indent by one level.
    SHIFT+TAB
Expand a collapsed outline.
    ALT+SHIFT+PLUS SIGN
Collapse an expanded outline.
    ALT+SHIFT+MINUS SIGN
Hope this helps.
Regards,
Steve Fan
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

How do I collapse all the accordion panels

The problem that I still have is that I am trying to close all the Accordions when clicking on the last panel.
I have looked at the Accordion.closePanel() , but that throws an error
http://labs.adobe.com/technologies/spry/articles/data_api/apis/accordi on.html
here is a link to the page http://www.antworks.co.uk/mobymemory/menu.html
see the code below. Any help would be greatly appreciated. Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTop" onclick="Accordion1.openPanel(0); return false;">memory cards (make)</div>
<div class="AccordionPanelContent">
<img src="images/new/trans.gif" width="7" height="7" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="3" />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(1); return false;">memory cards (brand)</div>
<div class="AccordionPanelContent2">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(2); return false;">mobile accessories</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(3); return false;">gaming</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(4); return false;">computing</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelBot" onclick="Accordion1.openPanel(5); return false;">customer login</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
css
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
width: 174px;
overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
.AccordionPanelTab {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_blue.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelTop {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_top.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 22px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelBot {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_bot.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
letter-spacing: -0.05em;
background-image: url(../images/new/spry/meun_grey.gif);
background-repeat: repeat-y;
padding: 0 0 0 12px;
font-family: Arial, Helvetica, sans-serif;
color:#7f879e;
font-size: 14px;
font-weight: bold;
overflow: hidden;
margin: 0px;
.AccordionPanelContent2 {
letter-spacing: -0.05em;
background-image: url(../images/new/spry/meun_grey.gif);
background-repeat: repeat-y;
padding: 0 0 0 12px;
font-family: Arial, Helvetica, sans-serif;
color:#7f879e;
font-size: 14px;
font-weight: bold;
overflow: auto;
margin: 0px;
height: 200px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;

Just so that you know for the next time, when you give us a URL, there is no need to post your code. This is by far the most preferred method for obtaining our assistance.
Having said that, place the fillowing in the HEAD section of your document, ensuring that you do have the file in that location
<script src="SpryAssets/SpryDOMUtils.js"></script>
Then, near the bottom of the page within the same SCRIPT content as your constructor(s), place the following code
Spry.$$(".AccordionPanelBot").addEventListener("click", function(){
Accordion1.closePanel();
The Spry Element Selector (Spry.$$) requires SpryDOMUtils.js. Here we place an event listener to your last tab with a class name of AccordionPanelBot, which when clicked will close the currently open panel(s).
I hope this helps.

Expand/Collapse all the Bookmarks in a PDF file

Hi,
This is my first message on the board :-)
I work with very large PDF files (i.e 2000 pages, 700 bookmarks on 5 or 6 levels!) and I'm looking for a script (Acrobat 9 Pro) allowing to expand/collapse all the bookmarks in a PDF file.
Thanks in advance for your valuable help,
Cheers
Antonella

The Acrobat Javascript Scripting reference (http://partners.adobe.com/public/developer/en/acrobat/sdk/AcroJS.pdf) describes how to use scripting to access bookmarks and how to open and close them, which is what you're looking for.
I suggest you read the reference and make a function that will do the job for you.
That's the way I would do it.
I don't think you can access the keyboard shortcuts "/" and "Shift + *" via scripting.
Torben.

Expand All and Collapse All with Data table

Hi Guys,
     I have a data table as shown in code pasted . where the first and second column have row category which gives a categorization with a twisty.
     When i click on the twisty or item name the level beneath it expands. Eerything works fine.. but i need to have to links     Expand All and Collapse All which when clicked open the entire hierarchy or collapse it. Can anyone suggest a way of doing. Can it be done using javascript, I am not comfortable with java script .If someone has done this before please share the piece of code.Also please suggest the different ways of doing it. I am using RAD 7 and IBM JSF components.
     <hx:dataTableEx border="0" cellpadding="2" cellspacing="0"
     columnClasses="columnClass1" headerClass="headerClass"
     footerClass="footerClass" rowClasses="rowClass1, rowClass2" binding="#{masterPublList.tablebindData}"
     id="tableEx1" styleClass="dataTableEx" value="#{masterPublList.lst_publication}" var="varlst_publication">
          <hx:columnEx id="columnEx3">
               <hx:panelRowCategory id="rowCategory2"
                    styleClass="panelRowCategory"
                    value="#{varlst_publication.publCategory}" collapsed="true">
               </hx:panelRowCategory>
          </hx:columnEx>
          <hx:columnEx id="columnEx2">
               <hx:panelRowCategory id="rowCategory1"
                    styleClass="panelRowCategory" value="#{varlst_publication.publSubCategory1}">
                    <h:outputText id="text5" styleClass="outputText"></h:outputText>
               </hx:panelRowCategory>
          </hx:columnEx>
          <hx:columnEx id="column1">
               <hx:outputLinkEx id="linkEx1" styleClass="outputLinkEx" value="#{varlst_publication.publUrl}" target="_blank">
                    <h:outputText id="text3" styleClass="outputText" value="#{varlst_publication.publName}"></h:outputText>
               </hx:outputLinkEx>
          </hx:columnEx>
          <hx:columnEx id="columnEx1">
               <h:selectManyCheckbox disabledClass="selectManyCheckbox_Disabled"
                    id="checkbox1" styleClass="selectManyCheckbox" value= "#{varlst_publication.publLang}">
                    <f:selectItems value= "#{masterPublList.lst_lang}"/>
               </h:selectManyCheckbox>
          </hx:columnEx>
     </hx:dataTableEx>
               Thanks in anticipation

Hi Naamkeek,
Per my understanding that you have added the Expand All and Collapse All button in an drill down report by adding the "Go to report" action, now you got the report always refresh and return to the first page, right?
I have tested on my local environment and can reproduce the issue, no matter whether to add two buttons or using the parameter to do the Expand All and Collapse All, it is always return to the first page.
Gernerally, SQL Server Reporting Services does a postback while clicking a expand/collapse icon. SSRS re-renders reports because it need to regenerate the pages to fit the defined width & Height. That is why SQL Server Reporting Services reloads
the whole report.
This is by design. And, currently, we are not able to turned it off.
I would suggest you submitting a wish at
http://connect.microsoft.com
If the service requests frequently, we may include it in the next release.
Appreciate your understanding, and if you have any more questions, please feel free to ask.
Regards
Vicky Liu

How to Expand-all, Collapse- all in a table ????

I am a beginner. I am using Jdevloper 11.1.2.3.0. I have a showdetailheader component as a parent and a Table as a child. There are 2 buttons "Expand-all" and "collapse-all" which references a managed bean.
In the showDetailHeader disclosed property a variable is set. When i click Expand-all button the variable becomes true and it discloses all the child nodes. When i click collapse all the reverse happens fine. Now the
problem is when i manually click any changes to the node on the page inside the showdetailheader, the collapse-all button doesnt collapse completely, It closes only till whichever node was not changed.The same problem comes with Expand-all also.
I tried to set the DisclosedRowKeys to null in the managed bean when the two buttons are invoked it did not work as expected.
Could some one pls give me some hint ????
- Pani

Hi Timo. Thanks a lot that was very helpful.
During the collapse operation do i need to set the disclosed row keys to null ???
will this solve my problem ?

JTree Expand All & Collapse All...

Hi All,
i hv two buttons "Expand All" & "Collapse All". If i press "Expand All" i should expand all the nodes in the all the root nodes(JTree).
If i press "Collapse All" i sh collapse all the entries in the JTree.
Is there any way to acheive this.
Thanks
ss

Hi!
You can try these methods where treeRoot is the root node of the tree:
* Collapses the function group tree.
public void collapseAll() {
for (int i = treeRoot.getChildCount(); i > 0; i--) {
tree.collapseRow(i);
* Collapses the function group tree.
public void expandAll() {
for (int i = treeRoot.getChildCount(); i > 0; i--) {
tree.expandRow(i);
/Malin

Post RH 9 Upgrade Expand All and Collapse All not working.

After upgrading to RoboHelp 9 from 7 - the Collapse All and Expand All is not working. I am taking over after attending a RoboHelp 9 Training Class a little over a week ago, so any help would be appreciated.

Hi,
What is your output? Where are the show/hide buttons placed: In the topic or in the toolbar? You're using RoboHTML right?
Did you use any kind of twisties in your RoboHelp 7 project? The show all hide all buttons are controlled by a custom script and I'd like to know which method you are using. (If you know which.) See also http://www.grainge.org/pages/authoring/twisty/twisty.htm
If you're not sure which method you are using, can you post the HTML of the show/hide all button/link?
Greet,
Willam

Expand or collapse all collapsible panels at once.

Similar Messages

Maybe you are looking for