Delay rendering of Panel Group

I have Tabbed Panel Group widget that is driven by Spry Data,
that's held in a parent frame.
The markup for the group is defined in a region, using
spry:repeat for each tab and {} for data output.
The onLoad event for the page calls a function that creates
the widget. (tabPanel = new Spry.Widget..blah blah).
However, the widget doesn't render correctly right away. None
of the event handlers are assigned, and all of the content shows at
once.
If I delay the creation of the widget with a setTimeout call
for half a second after the page's onload event, it initializes
just fine.
What I'm guessing is that the constructor for the panel group
needs to get called AFTER Spry.Data has combed through the region.
Is there any event from Spry.Data that I can listen to, to trigger
this, other than using a setTimeout?

Instead of using a onload event listener, use a DOM ready
script..
(this DOM readyscript requires the file SpryDOMUtils.js)
I once had the same issue and buildt this DOM ready script:
http://www.3rd-eden.com/Spry-it.com/includes/SpryDOMReady.js
Spry.Utils.onDOMReady(functionhere);
Hopes this helps :))

Similar Messages

  • Partial Trigger is not working with Panel Group Layout using ADF 11g.

    Friends,
    I have a requirment , Based on the <af:selectBooleanCheckbox> value I have to render <af:panelGroupLayout> dynamically. If the check box is checked then I have to display panel group layout otherwise not. The problem what I am facing here is Partial Trigger is not working, If I Un check the boolean box and refresh the page then I see it is working. If I don't refresh the page I am not seeing this is working as expected.
    Below is the snippet
    <af:selectBooleanCheckbox value="#{bindings.ChkBoolean.inputValue}"
    shortDesc="#{bindings.OtherOptChk.hints.tooltip}"
    id="OtherOpt" immediate="true" autoSubmit="true"
    />
    <af:panelGroupLayout id="pgl11" partialTriggers="ChkBoolean"
    rendered="#{bindings.ChkBoolean.inputValue}"">
    Am I doing anything wrong here
    Thanks in Advance

    Hi,
    I started to document common pitfalls like this. The problem has been reported last month too and is documented in here: http://www.oracle.com/technetwork/developer-tools/adf/learnmore/oct2010-otn-harvest-183714.pdf
    Frank

  • Hide/Show a Panel group or Panel Box with a command link

    I need to show and hide a panel group/box that has a lot of components inside ..with a command link ...I need to do this with partial submit ....please advise.
    <af:commandLink >
    hide the panel box with all the comps inside it ..change commandlink text ....
    use the same command link to show the panel box and change the command link
    text back
    </af:commandLink>
    <af:panelGroup layout="vertical">
    <af:panelBox>
         <af:panelGroup>
    ALOT of components .......
         </af:panelGroup>
    </af:panelBox>
    </af:panelGroup>
    I tried with partial trigger ..I tried everything i know ..it did not work .....it only worked I do a I full submit and setting some processScope(session) variables ..
    Thanks.

    Hi,
    - have a managed bean in session scope
    - define a boolean variable that is set to true
    - expose the variable through a public method
    - use EL on the panelBox rendered property to link to this boolean method
    - define an action listener on the command link and set the autosubmit property to true
    - use the action listener to set the boolean value
    - define a value for the ID property of the command link
    - set the ID vaule to the PartialTrigger property of the panelGroup component
    Frank

  • Render Panel Group

    Hi,
    what is the easiest way to render a panel group by clicking a certain button. Both elements are arranged on the same page.
    I've tried it with a managed bean, which contains a variable that could be either true or false. By clicking the button the variable is set to true and the panel is rendered.
    The problem is, that if you click a any button on the page after the panel is rendered, the variable is automatically set to false and the panel will vanished.
    Thanks in advance.

    Hi,
    its because the managed bean is in request scope and the default setting is false. Set it to a larger scope e.g. pageFlow or session and this will not happen
    Frank

  • How to put a few pages together as a panel group in the same screen ?

    Dear Friends,
    Hello. I am developing the accounting application of Journal Entry module. I have developed 5 pages for a journal entry: Journal header, Journal Line, Journal total, Journal Error and Journal Approval. I want to put 5 pages together as a panel group in the same screen so that users are convenient to use them. The format is as follows:
    Header | Lines | Total | Error | Approval
    When a user click on Header or Lines or Total or Error or Approval, its related page is displayed below it on the screen. But I don't understand how to put "Header", "Lines", "Total", "Error" and "Approval" together as above format and link them to its related page. Can anybody tell me how to do that ? Thanks.
    Lucy

    Mike,
    It's correct to make 5 pages as a seperate component.
    I am developing an accounting system using PeopleTools by myself.
    Because you understand PeopleSoft financial application, please tell me the 2 questions as follows:
    First, In Journal Line page, when select "edit Journal" and click button "process", the system check the Journal against Budget, if it's Ok, the System assign Journal ID for the Journal and put "valid" into the field of "Budget Status" and "Journal Status" in Total page. If it's not OK, the system send error message into Error page. Do you know how developer do that ?
    Second, In Journal Line Page, when select "Submit Journal" and click button "process", the system send the Journal to Approval page for approval. Do you know how developer do that ?
    Lucy

  • How do I add a spry Collapsible Panel Group?

    How do you add a spry Collapsible Panel Group? When I go to
    the Insert -> Spry there is only a Spry Collapsible Panel
    option, not group. Do I have to download an update? Is there
    something wrong with my install?
    I appreciate any help.

    Could someone at least tell me if they are able to add a Spry
    Collapsible Panel Group from the Insert -> Spry menu?

  • Tab Item change for two panel group with 4 tabs each

    Hi
    All
    Will tab work for dynamic data loading in a panel group ?
    scenario .
    Panel group got 4 tabs . each tab contains grid view jsf component. these grid view will populate data once the Index page loads . each tab;s grid view will get data dynamically from backing bean with value objects .
    i am getting data for first tab . which is selected as true . but cannot change focus to other tabs. the functionality of tabchange event listener is not working. i checked the data for other tabs grid view. its coming correctly but cann;t see it in jsf page.
    tabs won;t work . is there any reason which stops working of tab , when we pass data dynamically to all grid views in 4 different tabs at a time.
    thanks in advance.
    Rambhapuri

    Data loading is happening , but cann;t change the tab , because tab item listener is not firing . when user clicks on other tab.
    regards
    rambhapuri

  • Collapsible Panel Group - automatic close/open?

    Is there a way to set it so the Spry Collapsible Panel Group automatically closes an open panel when you select to open another one?
    Thank you.

    Uhm... I think you should swap the collapsible panel group for a Spry Accordion: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html

  • Insert layout 'collapsible panel groups' on DW Spry common view

    Hello,
    I am using CS4 for Windows and frequently use the 'collapsible panel groups'.  The only way I can use this at the moment is when in code, and pasting the <div id="CollapsiblePanelGroup" class="CollapsiblePanelGroup">  but I often miss out one of the divs which screws with my life.
    At the moment all I have on the insert menu is Menu Bar / Tabbed Panel / Accordian / Collapsible Panel .. and on the 'Spry common tab', the addition of Spry Tooltip.
    Is there a way to add an option for 'collapsible panel groups' to the insert menu (and even the spry common use tab) so it includes all the necessary code and asks you how many panels you want, etc, etc?
    Thanks!

    No
    Unless you know code DW extensions, but thats a whole different subject

  • Panel groups greyed out

    even after a computer reboot, problem persists in which some panel groups  (such as Design, Code etc - on the right side of the screen) are greyed out, meaning there is a grey area instead of the panel groups being visible. Each time a panel group is closed, it joins the ranks of being greyed out. Does this mean Dreamweaver needs to be re-installed?
    My version is MX 2004.
    Please help!!

    Don't reinstall yet.
    First take a look here, and perhaps start with item #4:
    http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_19105#dat
    E. Michael Brandt
    www.divahtml.com
    www.divahtml.com/products/scripts_dreamweaver_extensions.php
    Standards-compliant scripts and Dreamweaver Extensions
    www.valleywebdesigns.com/vwd_Vdw.asp
    JustSo PictureWindow
    JustSo PhotoAlbum, et alia

  • Basic question: showing panel group

    Hello,
    I am new to Fireworks CS4. I have right-claicked on the panel group that displays the
    OPTIMIZE, HISTORY, and ALIGN tabs. Now I want to open it up again but cannot
    find the way how to do it.
    In Flash there is a way to reset the entire workspace to its default but I cannot
    find such an option in fireworks.
    Any ideas on how i should proceed?
    Thanks,
    John Goche

    Hello,
    I am running Windows 7 64-bit with Fireoworks CS4.
    According to the book Adobe Fireworks CS4 How-Tos: 100 Essential Techniques
    a user should be able to save the current workspace via:
    Window > Workspace Layouts > Save Current
    However my Window menu does not display a Workspace Layouts item.
    Am I looking in the wrong place? Anyone else have this issue?
    John Goche

  • Collapsable Panel Group: Button Toggle

    Hello,
    I have a Collapsable Panel Group with the buttons 'open all' and 'close all'
    Is there a way to make this into one button which toggles?  So, if they're open, then close, and vice versa.
       <input type="button" value="Open All" onclick="cpg.openAllPanels();" />
       <input type="button" value="Close All" onclick="cpg.closeAllPanels();" />
    Thanks for any info.
    Andy

    Thanks for that, works just fine.
    I put it into the SpryCollapsiblePanel.js file with this explanation.
    // extra code to make the [open all], [close all] buttons into one toggle button. Thanks to http://forums.adobe.com/people/.V1
    // works with this button in the main code ..  <input type="button" value="Toggle" onclick="toggle();" />

  • Could not apply background image to the panel group layout in spaces application

    I tried to apply background image to the panel group layout with css class and also with inline style such as below
    background-image:url('/content/conn/intra-dot-content/path/mywebcenter/lever/backgroundmain.jpg');background-position:center; background-repeat:repeat-y;
    The background image does not show up. but it work with panel border layout. Is there any work around for the issue

    You can try styleclass, which is always better choice than inlinestyle
    page:
    <af:panelGroupLayout id="pgl30"
                                       styleClass="testPGbackground">
                    <af:outputText value="outputText5" id="ot8"/>
                  </af:panelGroupLayout>
    css:
    .testPGbackground {
        background-image:url('/images/unselectedTabStart.png');
    It works for me.
    I tried with inline style also and it worked.
    bac
    <af:panelGroupLayout id="pgl30"
                                       inlineStyle="background-image: url(/incview/images/unselectedTabStart.png);">
                    <af:outputText value="outputText5" id="ot8"/>
                  </af:panelGroupLayout>
    NOTE: You need to mention image url with context-name here, which could be a way of hard coding context name and in future it could be very difficult to change contextname. As recommended styleclass is better solution.
    Thanks
    Sanjeev

  • How do you add a Spry Collapsible Panel Group?

    How do you add a spry Collapsible Panel Group? When I go to
    the Insert -> Spry there is only a Spry Collapsible Panel
    option, not group. Do I have to download an update? Is there
    something wrong with my install?
    I appreciate any help.

    Hi Lithium,
    The Spry features in Dreamweaver are a subset of the total
    features in the Spry framework. The CP Group is not an option in
    the Insert Bar, but it is pretty simple to write the code for it.
    I am sure you have seen the sample for it:
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html

  • Stacking panel groups layout using a responsive design UI

    Hi,
    I am wondering if there is any way by using adf components, stretching, etc to accomplish what we can see in responsive web applications. For example, given a full screen you can see three panel groups layout next to each other, but if you reduce the size of the browser, the panel group should stack one on top of another. Anyone has done this? Any ideas?
    Regards

    hi rodrigo
    schrene covered this very topic here: http://forums.adobe.com/message/5045627
    i had pretty good success tweaking here sample file.
    best,
    keith

Maybe you are looking for

  • Accidentally took off quick time player and Itunes wont open now

    so I have a pentium 3 windows 2000 IBM laptop terrible i know i was trying to get more memory onto my computer by deleting programs i didnt need and a supposed "computer wiz" told me that i didnt need quick time player to run Itunes. so i took it off

  • Blanket PO - Invoice Verification

    Dear Gurus, I am facing a problem while posting IV against a Blanket PO. I have created a PO with document Type FO and used account assignment K and Item category B. Put the Overall Limit 1000 and expected limit as 2000, it showed me 2000 as the net

  • RUNCLUVFY  Result: PRVF-4007 : User equivalence check failed for user "orac

    hello try to run runcluvfy.sh I receive the following screen rac2 is passed but rac 1 is failed can sombody help me? thanks [oracle@rac1 grid]$ ./runcluvfy.sh stage -pre crsinst -n rac1,rac2 -verbose Performing pre-checks for cluster services setup C

  • IOS8 fails to stream password protected website mp3 and mp4 files

    EDucational content in a password protected website folder (mp3 and mp4 lecture presentations) fail to stream from a simple directory list website with iOS 8 yet continue to work fine on an iPhone 4 with iOS 7.   Apple says "expected behavior" with a

  • Need help with magic quotes

    I have a simple email form, similar to David Powers' example in chapter 11 of The Essential Guide to DW-CS3. It works at a very rudimentary level. I have been asked to give the client the ability to put carriage returns in the middle of their form en