Hide and show multiple regions

I'm trying to show 5 regions in hide/show fashion, when a user clicks on a link. The link needs to be embed in the top region tittle area. The region title is displayed on the left side and "Collapse All /Expand All" link needs to be displayed along the same line as region title to the extreme right. When the user clicks on the "Collapse All/Expand All" link, the 4 regions below the top region needs to expand or collapse. any ideas are appreciated.
Regards,
Surya

That should work. The script for hiding the region is in the region template. If it works for
one, you can make it working for any other number. The hardest part is to find the region
id's for your regions firs so you don't hardcode those. Asign static id's to your regions and
query their id's like this:
SELECT region_id
  FROM apex_application_page_regions
WHERE static_id = '1_1' AND page_id = :APP_PAGE_IDAfter that you can use the same script as in the page template:
<img src="#IMAGE_PREFIX#themes/theme_13/plus.gif"
onclick="htmldb_ToggleWithImage(this,'#REGION_ID#Body')"
style="margin:0 5px;" class="pseudoButtonInactive" />Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Similar Messages

  • Hide and Show Region

    Hi,
    I have created a report with multiple regions. Each region, I set the User Interface-- Template as 'Hide and Show Region'. Each region is having a separate report with input parameters and Go button.
    The problem is , After entering the input parameters and clicking the Go button, the region is closing(collapsing) automatically. I have to expand it again to see report output. This is because of Hide and Show Region. I want to stop this auto hide on clicking the Go button.
    Please help me how to do this.
    Mohan

    <table class="t20Region t20HideShow" id="#REGION_STATIC_ID#" border="0" cellpadding="0" cellspacing="0" summary="" #REGION_ATTRIBUTES#>
    <thead>
    <tr>
    <th class="t20RegionHeader">#TITLE#<img src="#IMAGE_PREFIX#themes/theme_20/collapse_plus.gif" onclick="$r_ToggleAndSave(this,'#REGION_STATIC_ID#')" id="#REGION_STATIC_ID#img" alt="" />
    </th>
    </tr>
    </thead>
    <tbody id="#REGION_STATIC_ID#body" style="display:none;">
    <tr>
    <td class="t20ButtonHolder">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
    </td>
    </tr>
    <tr>
    <td class="t20RegionBody">#BODY#</td></tr>
    </tbody>
    </table>
    글 수정: user9530063

  • Next Button in a Hide and Show Region is not displayed correctly

    I created a new button at the bottom of the region in a Hide and Show Region called [Next >]. The button is displayed to the right of the region. I want it displayed at the right end of the bottom of the region. The following is the button properties
    Name
    Button Name : NEXT_SIGNS
    Text Label/Alt: Next >
    Displayed
    Sequence            130
    Display in Region: Signs and Nameplates (1) 100
    Button Position:    Bottom of Region
    Button Alignment: Right
    Attributes
    Static ID:          
    Button Style:      Template Based Button
    Button Template: PA Button
    Button Type:       Hot
    Button Attributes:
    Action When Button Clicked
    Action:                 Submit Page
    Execute Validation: Yes
    Database Action:    No Database Action
    Conditions
    None
    Security
    None
    Configuration
    NoneWhy is this occurring and how can I resolve the issue?
    The following is the template of the hide and show region:
    <div class="hide-show-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
      <div class="hide-show-top">
        <div class="hide-show-title">
    <div class="rounded-corner-region">
    <div class="rc-blue-top">      
    <div class="rc-blue-top-r">
              #TITLE#</div>
    </div>
    </div>
           <a style="margin-left:5px;" href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif','#IMAGE_PREFIX#themes/theme_2/rollup_minus_dgray.gif');" class="t1HideandShowRegionLink"><img src="#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif"
      id="shIMG#REGION_SEQUENCE_ID#" alt="" />Click on arrow to enter/hide  information for signs and/or nameplates</a></div>
        <div class="hide-show-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
      </div>
      <div class="hide" id="region#REGION_SEQUENCE_ID#">#BODY#</div>
    </div>APEX version 4.1
    DB version 10g Rel 2
    PLEASE HELP!!
    Robert
    http://apexjscss.blogspot.com

    I created a new button at the bottom of the region in a Hide and Show Region called [Next >]. The button is displayed to the right of the region.I only see it displayed to the right of the region in Firefox (Safari and IE8 showed it above the sub-regions). Not obvious to me why this is the case (it's usually IE that does it's own thing).
    I want it displayed at the right end of the bottom of the region.Button position Bottom of Region causes an anonymous HTML table containing the button(s) to be generated after the <tt>#BODY#</tt> placeholder in the region template. Your Hide/Show region template didn't have a <tt>#SUB_REGIONS#</tt> placeholder so by default the sub-regions were rendered after the <tt>#BODY#</tt> and the "Bottom of Region" button container (don't know if this is the intended behaviour or a bug). Adding <tt>#SUB_REGIONS#</tt> before <tt>#BODY#</tt> in the template gets things in the right order (button after sub-regions):
    <div class="hide-show-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
      <div class="hide-show-top">
        <div class="hide-show-title">
    <div class="rounded-corner-region">
    <div class="rc-blue-top">      
    <div class="rc-blue-top-r">
              #TITLE#</div>
    </div>
    </div>
           <a style="margin-left:5px;" href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif','#IMAGE_PREFIX#themes/theme_2/rollup_minus_dgray.gif');" class="t1HideandShowRegionLink"><img src="#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif"
      id="shIMG#REGION_SEQUENCE_ID#" alt="" />Click on arrow to enter/hide  information for signs and/or nameplates</a></div>
        <div class="hide-show-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
      </div>
      <div class="hide" id="region#REGION_SEQUENCE_ID#">
        #SUB_REGIONS#
        #BODY#
      </div>
    </div>Firefox is still showing the button to the right of the sub-regions. I'm assuming that this has something to do with everything in this theme being floated left (for reasons that escape me), so we'll try to clear the button container using CSS. The table doesn't have an ID or class so try an adjacent sibling selector using the ID of the preceding sub-region:
    #nameplates-name+table {
      clear: both;
    }Finally, the button alignment was set to "Left", so I changed it to "Right".
    Seems to be working in IE8 (all I have access to at present).
    Edited by: fac586 on 30-Nov-2012 20:10
    Fixed CSS selector syntax.

  • Classic Report with Hide and Show Region Template does not show report

    Hello,
    I created a "No Template" region on a page with a Classic Report. When I change it to a "Hide and Show" region template, the report does not show up when I click to Show the region...is there an additional step i'm missing to make the report show up. Its a very simple query.
    Thanks in advance,
    John

    How about posting some relevant information like Apex version, RDBMS version, Theme you are using, etc.?
    Regards,

  • Hide and Show Region Problem

    Hi,
    I have created a report with the following attributes:
    Region Definition User Interface - Hide and Show Region;
    Report template -Standard;
    Sort Columns - all checked.
    Report source - SQL Query (PL/SQL Function Body returning SQL query).
    I open a page with this report, click on (+) and show region but when I try to sort records in the column region hides. The same problem I have with some others report templates.
    Report templates Borderless and Horizontal Border do not have this problem.
    I am using Application Express 2.2.1.00.04.
    Could someone explain what it is?
    Thank you in advance.
    Val

    Report template -Standard
    Use a "Standard - PPR" template instead, that works better with a Show/Hide region template because the entire page is not re-rendered when you click on a column header to sort. Only the report region content is refreshed.

  • Hide and show region and an interactive report showing side by side

    Hi,
    I have a report and some filters (drop down list) on a page... I've put my filters in a Hide and show region...
    Here is how it's been set up...
    Display Point: Page Template Body (1)
    20           Filters     HTML     
    Display Point: Page Template Body (2)
    10           Report Saved Report     
    my issue is that the filters and report search region shows side by side in a same row... tried changing the regions but still getting the same response... Please advice

    Hi,
    Place both regions to Display Point: Page Template Body (3).
    Then set filters region sequence to 10 and report 20
    If that is not what you need, please specify more how you like layout look like
    Regards,
    Jari

  • Hide and show regions

    Hello,
    I am using Hide and show regions on my page. But now I'm encountering a problem. Every time the page reloads, all regions are collapsed. Is there some way to make sure the regions that were open, are open again when the page reloads.
    Thanks in advance,
    Bram.

    Hello Bram,
    Ben's right :) I forgot it was allready made in the past... check out the howto: http://apex.oracle.com/pls/otn/f?p=35250:6:1357026562718730::NO
    So, I just wasted some time creating my own example, without the collections used in the packaged app Ben referred to. But here it is, nonetheless: http://apex.oracle.com/pls/otn/f?p=39118:10
    Greetings,
    Rutger
    http://rutgerderuiter.blogspot.com/
    ===============================================================================
    You can reward this reply by marking it as either Helpful or Correct ;-)

  • Hide and show region - save state after submit

    hey guys,
    I have a hide and show region template in my page. It is hidden by default(that's perfect). If the user opens the page and submit, the region collapse.
    I want to save this status.
    I searched a lot in this forum. Also found a lot about the *"sticky hide and show region"* feature by Carl, but you can't download this feature anymore :-/
    How can I receive that, without this feature?
    maybe with dynamic actions?
    Hope you can help me.
    Locke
    Edited by: Locke90210 on 17.05.2013 00:30

    OMG I'm to silly for that...
    The status of the hidden item is always expanded...It doesn't change.
    Maybe I always uses the wrong classes.
    <table class="t5HideandShowRegion" id="#REGION_ID#" border="0" cellpadding="0" cellspacing="0" summary="">
      <tr><td class="t5RegionHeader">#TITLE#<a style="margin-left:5px;" href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_5/rollup_plus_dgray.gif','#IMAGE_PREFIX#themes/theme_5/rollup_minus_dgray.gif');" class="htmldbHideShowMinLink"><img src="#IMAGE_PREFIX#themes/theme_5/rollup_plus_dgray.gif"
      id="shIMG#REGION_SEQUENCE_ID#" alt="" style=""/></a></td></tr>
    <tr><td nowrap="nowrap"><div class="t5Hide" id="region#REGION_SEQUENCE_ID#"  style="display:none;"><div class="t5ButtonHolder">#CLOSE#<img src="#IMAGE_PREFIX#themes/theme_5/1px_trans.gif" height="1" width="15" alt=""/>#PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##HELP#</div><div class="t5RegionBody">#BODY#</div></div></td></tr>
    </table>Maybe you can say, which classes I have to use.

  • Hide and Show

    Hi all,
    In my application i want to hide and show a report. For this i created two buttons in a new region and setting a hidden item value depends on Hide or Show button.But i want to hide the report only not the title so that i can able to place the Hide and Show buttons in the same region.

    Hi,
    There is a "Hide and Show Region" region template that you can use that does this for you.
    However, if you wish to stay with what you have, you could enter the report title into the region that contains the buttons (assuming that this is above your report?) and use the "Region without Title" for the report region itself.
    Andy

  • Sticky hide and show not working

    I believe I have followed Carl Backstrom's Sticky Hide and Show Region example to the letter for my own application.
    1 - I have the application items and application processes in place.
    2 - I have the javascript in the HTML Header attribute
    3 - The SHOW_HIDE_MEMORY package is in place
    4 - I edited the Hide and Show Region template
    I'm on Apex version 3.0.0.00.20
    The collection does not seem to be getting populated. I'm wondering if the region template which includes this code is not working: onclick="$r_ToggleAndSave(this,'#REGION_ID#')" id="#REGION_ID#img"
    My regions are always collapsed when I navigate away and return to the page and the collection is always empty. I've checked the state of the temporary item after clicking the expand (+) button and the value is always null.
    Any help would be greatly appreciated.
    Thanks, Todd

    Hi Carl,
    I'm not seeing any obvious errors on the screen or in the message bar. I just downloaded the Firefox javascript debugger extension. I'm not exactly sure how to use this tool, but when I expand a hidden region, I do see this message in the debugger screen:
    Warning ``reference to undefined property this.onShutdown_'' [xs] in file ``file:///C:/Program%20Files/Mozilla%20Firefox/components/nsSafebrowsingApplication.js'', line 1710, character 0.
    Error ``node has no properties'' [xs] in file ``http://dsi3.gfc.iowa.com:7777/i/javascript/htmldb_html_elements.js'', line 25, character 0.

  • Hide and Show - Toggle image

    Hi:
    Okay - I admit it! I am completely baffled.
    I am trying to use custom "click" images for my hide and show region. I am using a modified version of Theme 20 in Apex 4.0.
    I have created two little images, one for open state and one for closed. I have managed to get the "open" image to display and it is clickable and the region closes, but the image does not toggle.
    In the region template, I find the following:
    onclick="htmldb_ToggleWithImage(this,'#REGION_STATIC_ID#_body')"
    Clearly, this is to toggle the image. But, how does it know what image to use? Which image to replace the oen state image with. I am not understanding how it selects the second image.
    Please, please, can someone explain to me how to get the toggle to work properly with my custom images.
    Thanks in advance.
    Regards,
    Bruce

    So, I figured it out myself.
    the function htmldb_togglewithimage actually takes the 'puls' string in the image name and changes it to 'minus'. So your images have to be maned something like:
    my_image_plus.gif
    my_image_minus.gif
    without uswoing this maning convention - it will not work.
    Bruce

  • Hide and Show on Theme #7

    Hey -
    I have created my application from Theme 7 (also used by the XCogito app), and want a hide and show region. Its showing #CLOSE# on the region, and quite honestly am not sure where to go to get rid of that.
    Here is a link of a sample page I just set up using it. Not much more info to give since I am using the provided templates.
    http://htmldb.oracle.com/pls/otn/f?p=41932:1

    Thanks! That was easy.
    You may want to note that however since it is your theme and template for the future. It was listed as #CLOSE # - taking out the space worked. Just a heads up.
    Thanks again =)

  • Hide and show button

    hi , i want when i click on show button then the show button hide and the hide button show , and vice versa , how i will do that through java script or any method plz help

    Hi little foot ,
    I am using apex 4.0
    can you tell me how to make the hide and show region to open it on sidewise now its opeing in downwards direction can you tell me .
    Thanks & Regards.
    Shadab

  • Need Help with Sticky Hide and Show 0.9

    I am trying to implement Sticky Hide and Show v0.9 into my applications. I have created a custom region named "Hide and Show Sticky" for Theme 8 as shown in the example application. However when I use the templet my region does not have a hid/show button. I have very little experience with Templates so any help would be great!

    Sorry for the bump. I am REALLY stuck! I viewed the source with the region using the Seeded (Non-Sticky) template and using the new Sticky template. I see some dramatic differences but nob that make sense to me. I tried to past the lines in the forum but they are blocked.
    Any help would be great!

  • How to Handle and show multiple pushpin imgaes on the map based on the requirement at different coordintes?

    How to Handle and show multiple pushpin imgaes on the map based on the requirement at different coordintes?
    I have multiple images in  my App folder. I want to use and show those images dynamically  in windows phone 8 map application

    There are a lot of different ways to do this. One simple method is to use a switch statement when creating your pushpins and based on some property in your data, select the icon you want to use and create your pushpin accordingly.
    http://rbrundritt.wordpress.com

Maybe you are looking for

  • How do you disable voice announcements on the Gusto 3 ?

    How do you disable Voice Announcements on the Gusto 3 >

  • How do I transfer photos from iPod touch to PC?

    How do I transfer photyos on my iPod Touch to my PC (Windows 7)?

  • Airport base station graphite

    I'm having trouble connecting my airport base station graphite to my macbook. My macbook is running 10.6.8 and I downloaded the airport admin utility 4.2.5 for graphite but when I open it, it says that it doesn't support this version of OSX. I tried

  • How to disable downloads in PhotoStream?

    Is it possible to share a PhotoStream but disable the option to Download? I'm sharing various PhotoStreams to family and friends but then they share to their loved ones and so on and so on. I'm ok with others viewing my photos in a web browser. Howev

  • Release step reference acquired by GetStepByName

    Hi, I get a reference to a step object by calling GetStepByName. The help says, "release reference to object when you are done". However it is not told how to release it. I cannot find a function like ReleaseStep in the API. Same holds for GetSequenc