APEX Hide/Show Keep Expanded or Collapsed Upon Form Submit

Hello all,
I have a hide/show region that I'd like to keep expanded after clicking expand, entering something in a search entry box and clicking "Go". When the page refreshes, with the report results, I'd like the hide/show region to remain expanded. And I don't want it to collapse unless the user explicitly collapses it.
I tried working with Carl Backstrom's Sticky Hide/Show code but I'm afraid that
A) It seems to have been designed to work well with multiple pages (which I'm not necessarily trying to do ... I've only got one page I'm working with in this instance), and
B) Template 20 (the one I am working with) seems to be somewhat (very?) different from Template 18 (the last template I see that Carl provided example edits for).
So ... has anyone else tried this? Or is there a website or blog entry or forum thread I could look at that would provide me with the starting point for the direction I'd like to go with this?
Any information or advice you can provide would be most appreciated.
Kind regards,
Melanie

I have the same issue - did you ever come up with a solution?
Thanks, Stephen

Similar Messages

Hide/Show Create button on a report/form page

Hi, I included one form and the related report on one page.
When I create a new record, it will show in the report below.
I make the ID column as the link, which assign the ID to the ID item in the form. DML will do the rest work for display.
However I got a issue. when I click the edit button for one row, the create button doesn't disappear. Although it has a condition of "VALUE OF ITEM IS NULL". I un-hidden the ID item and it do have value when I edit some row.
Is this because of some refreshing reason or...?
Your help will be great appreciated.
Edited by: Gadfly on 2009-3-16 下午8:02

BTW, this hide/show pattern of 'KEY VALUE is null' works well when I use two pages(one form and one report.)

How to keep display as Show when using Hide Show region with pagination?

We are trying to use a 'Hide Show' region with pagination. The problem is that if you 'Show' (ie expand) the region and then hit the link for the next page, the next page displays Hidden (ie collapsed). We want to keep the page display as 'show' when you move to the next set of records.
There is a fix in this forum for this issue in version 2.2 (Application Express) but we are on 2.0.0.00.49 (HTML DB). Does anyone know of a similar fix for HTML DB 2?
Ver 2.2 fix is at:
http://www.oracle.com/technology/products/database/application_express/packaged_apps/packaged_apps.html#STICKY
Thanks.
David.

Thanks for your reply.
Running the application install script via SQL Plus using FLOWS_020000 produces result:
NOT COMPATIBLE (Your export may contain calls not supported by your HTMLDB version.)
The wwv_flow_api package routines that are not available in our version appear to be:
create_or_remove_file
create_install
create_install_script
Is there any way to handle these calls in other ways?
Thanks
David.

How do I keep Hide / Show Region open

Hi,
I have a page with one region based on a hide/show template. The current behaviour on a page submit is that the region always hides.
I'd like it so that if the user opens the region that it will remain open after the page refreshes.
Thanks,
Brian

This is a hack so I wouldn't count on it, but it worked for me (in variation, I needed a bit different thing). And, remind you, it only holds one of them open for a page (my logic is, that when they are hidden no more than one should be open at once).
1) the page should have an item that holds the information - I'll call it OPEN_REGION. I am knowingly ignoring the usual Pn_ naming convention so all pages with Hide / Show regions could have their own OPEN_REGION but the name could still be uniquely referenced in javascript. It should be a hidden variable in the topmost region in the template (which must not be one of those enhanced HIde/Show regions).
2) make a new javascript function to set the item and submit page. Be careful to make sure you use valid variables or javascript errors display when no OPEN_REGION item is on the page (for example).
function myHideShow ( region )
if (document.getElementById('OPEN_REGION'))
if ( document.getElementById('OPEN_REGION').value != region )
document.getElementById('OPEN_REGION').value = region;
}else{
document.getElementById('OPEN_REGION').value = '';
doSubmit();
2) edit the region template. Set it to call your own function.
Where it sais:
href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#jtfuhide.gif','#IMAGE_PREFIX#jtfushow.gif');"
make it (set the page item to the region sequence number):
href="javascript:myHideShow('#REGION_SEQUENCE_ID#');"
3) edit your page template, in the footer add the opening of the region. Be careful to make sure you use valid variables or javascript errors display when no OPEN_REGION item is on the page (for example).
<script>
if (document.getElementById('OPEN_REGION'))
if (document.getElementById('OPEN_REGION').value != '')
theRegion = document.getElementById('OPEN_REGION').value;
hideShow('region'+theRegion, 'shIMG'+theRegion, '#IMAGE_PREFIX#jtfuhide.gif', '#IMAGE_PREFIX#jtfushow.gif');
</script>
That should do it, but be aware, that I am not in Oracle team, just a simple programmer trying to find my own solutions and Javascript has helped me here sometimes.
For example, try to use #TITLE# substitution string in BODY part of the Page Template...

Keeping Hide / Show Region open

My application uses page 0 in wicth I have created :
- regions in position1 : Menus
- region in position 2 : bedy of the page.
For the menu regions, I have used hide_show template because I have a lot of menu options.
My problem is : when I expand a menu region and submit the page , the region becomes again closed.
Any help ?
Thanks.
Jina.

Hello Denes,
I can not do this, because the page is shared between more than 200 pages.
If I create a button with a request, I must do a redirect on this button to an Url OR a specific page but I cannot do this because I must stay in the current page.
Thanks.
Jina.

How is a JQuery Vertical Accordian Different Than A Hide-Show Region

Hello Everyone.
I an using Apex 4.0.1. I recently learned how to create a JQuery vertical accordian. I'm using the sample accordian that Patrick Wolf recently created/posted. It uses a really nice "accordian template" that he put together. It's really quite useful when it comes to saving space and all on a page.
Then I began wondering: How is this accordian different than Apex's own builtin Hide-Show Region template?
And so, I created a sample page on my workspace in apex.oracle.com. I placed a JQuery vertical accordian that consists of 3 regions: 2 reports and a chart. I added a little bit of JQuery to Patrick's template that causes all 3 accordian slices to be closed as opposed to the default behavior of having one slice always open. I also added code that allows a user to re-size the entire accordian either vertically and/or horizontally.
I then created 3 additional regions that mimic the first 3 regions above. These I placed in "column 2" on the page. For each region I assigned the "Hide-Show" template.
As far as I can tell, both the accordian and the Hide-Show regions provide the same functionality.
For the interested, here is a link to my page:
http://apex.oracle.com/pls/apex/f?p=49919
The app has open authentication assigned, and so, no login credentials are needed. Please click the "Accordian" tab.
I realize that the accordian has more flexibilty in that one may add features like choosing to collapse/not collapse all slices and re-sizing, etc. I suppose one could do similarly for the Hide-Show regions using Javascript or JQuery but it would likely be an effort.
Admittedly, such added features are cool and all. Still, it's been my experience that in the majority of business-like production environments, such "cool" features are pretty much useless. For example, I do not see how re-sizing the accordian or Hide-Show regions has much purpose. In fact, such "cool" features often get in the way of the main goal of the application.
Of course, a JQuery accordian may also be created that expands/contracts slices "horizontally". I do not know of any way to do the same thing using Hide-Show regions. If someone does know how to do this, I (and likely others) would sure appreciate you sharing how.
So, then, with respect to basic functionality (saving page real estate by encapsulating several regions), how is a JQuery vertical accordian any different than Apex's own builtin "Hide-Show" region?
Thank you all for your thoughts/adice/code.
Elie

Hello Jari.
Thank you for your help.
Yes. Now I do understand what it is you are doing in your accordian page. And also I want to thsnk you for providing the sample code on your page showing how to go about preserving the current state of the accordian when you navigate from/to the page.
You commented that this kind of state preservation is not available with the Hide/Show region. I'm thinking that you are correct, though I think I once saw something about doing this posted in this Forum. I'll search through and see if I can locate it.
In any case, have you (or anyone else reading this thread) any other differences between a JQuery vertical accordian and Apex's own Hide/Show region? Other than being able to apply Javascript to an accordian to do things like preserve it's state (like you did), what else may one do with an accordian that is not doable (or at least not easily doable) with a Hide/Show region?
Thank you for any further advice.
Elie

Possible to Have ToC Default to Show Only Top Level (collapse sublevels)?

Howdy!
I'll bet I'm not the only one wishing for this. Let's say you're using Captivate 4's Table of Contents feature with a longish movie of Cp slides, which is chunked into bite-size sections content-wise. In the ToC, though, you can't mimic that same organization scheme; at least, the learner would first need to collapse all the ToC folders you've created so they see only the top-level listing.
This can be a critical issue: keeping the at-first-glance list in the ToC brief enough to be inviting to learners, yet allowing learners to drive which details are currently visible.
A movie's topical hierarchy could be along these lines, for example ...
Section 1 - National Brands
What are National Brands?
Why Are They Important to Our Business?
Working with Nat. Brands
Practice Your Knowledge
Section 2 - International Brands
What are International Brands?
Why Are They Important to Our Business?
Working with Intl. Brands
Practice Your Knowledge
You'd like to organize the ToC to show only the section titles (1st level) and to suppress the 2nd-level detail (slide titles) until the learner chooses to expand the folder to see those details.
I've tried things like grouping the slides into sections in the Storyboard view and organizing the slides into sections strictly within the ToC -- both to no avail.
Has anyone solved for this need yet?
I'm all ears, and you'd be doing learners of the world a huge favor.
Thanks!

Hi, Jim.
Thanks for being 'on the case' and looking into this so quickly. Your
findings are encouraging, although my user base is generally working with
IE 6 and FP8 or 9.
Since the only thing I may influence is getting IT to help push out FP10,
I'm hoping it's more of a player- than a browser-version issue.
I'll test things out by Monday and let you know the results. Wish me luck!
Dave
                                                                                From:       Jim Leichliter <[email protected]>
To:         Dave Tressler <[email protected]>
Date:       03/26/2010 06:02 PM
Subject:    Possible to Have ToC Default to Show Only Top Level (collapse
              sublevels)?
Dave,
I just tested this on my local web server and it worked fine. I created a
blank project with 8 slides. Created my TOC with grouping... 2 slides in
each group. I turned on self paced learning. I tried with and without the
widget and it picked up where I left off in either case. See
https://docs.google.com/leaf?id=0B86WuEq6SVwRNWIwMjhjODctMjE2Yy00MWE2LWI5YzEtMGQxYzNjOWQ0Z mI2&hl=en.
I published using FP10 and IE8 to view. Notice any difference between
your project and this one?
Thanks,
Jim Leichliter

Hide/Show Issue (Captivate 4)

Hi Folks,
Hoping you can help me out...
I am trying to attach hide/show functionality to multiple objects on a slide so when the user clicks a button, the object hides (or shows).
For example: Button A on click Hides Object A; Button B on click Hides Object B.
The functionality works (the first time); however, upon subsequent plays, when the user clicks the second button the second object hides BUT, the project advances to the next slide. I also have tried adding a click box with "pause until user clicks" on the screen to keep the project on that slide, but to no avail!
As I mentioned, the expected functionality works when first played (in the swf AND browser), but it seems like it's pulling from the cache or something on subsequent plays and ignores any properties (pause, etc) attached to any objects on the slide.
Does anyone have any thoughts as to why this is happening and have any suggestions?
Thanks so much in advance.

Hi Jay
No problem. It was just a bit of musing on my part.
Perhaps it will help to explain it a bit.
A Rollover Slidelet and a Button are similar in that you may click to carry out an action. In the case of the Button, you click and visit a different slide. That's basically the same as displaying the slidelet, but you aren't leaving the slide you are on. So the files you sent me are essentially doing that. You click, a different slide is visited, then a click brings you back to the original slide with the other buttons.
I'm a bit confused with the sample you sent (Sample1.cp) as you have a Click Box layered over a Button. You seem to have configured both the Button and the Click Box with the same action. So I'm wondering why you have the Click Box? The Button alone should be sufficient to accomplish your goal.
So you have four buttons on Slide 1. No problem. You have four images on Slide 1. You want all the images hidden until the buttons have been clicked. Looks like you have that part down. All you seem to be having issues with are making the final button appear that transports the user to Slide 6.
What you need is a variable that keeps track of whether the intended slides have been visited. You seem to have this figured out as well. I'm a bit confused as you seem to have created eight variables instead of only four. Perhaps you were simply experimenting.
You need a fifth variable to use as an indication that the fifth button should be revealed. You need actions to check and set these variables. You need at least four actions configured. Each of the four actions will do this:
Set the associated variable to one.
Add the four variables together.
Perform a check using an If statement. If the fifth variable is equal to four (meaning all required buttons have been clicked and presumably all desired slides have been viewed, show the fifth button.
Reposition the playhead at the first slide. (Or the slide with all the buttons if it's not the first)
Perhaps a visual will help:
Each action is assigned to its respective button. OR, you could have the slide exit action for each of the segments perform the action.
Good luck in getting it sorted... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

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

Drill down hide/show report on same page

Hi,
Is it possible to create a drill down report where instead of linking to new pages, the details can be displayed using hide/show buttons on the relevant columns? For example, if you have the following fields:
Region
Country
Division
Account
Order
Product ID
Product Price
Would it be possible to ,by default, have the report only show distinct regions. By clicking an expand button on a particular region, it's countries are displayed. By clicking an expand button on a country, its divisions are displayed,etc., eventually being able to drill down to order details.
This seems similar to a tree to me, although I have not used trees before. However, from the way I understand the structure of hierarchy in trees, the way this data is structured it would not be possible through a tree.
Any ideas? If not I can just settle on a standard drill down report with links to new pages, but if the above is possible it would work much better for my users.
Thanks

FJW,
Yes, it's possible. We typically refer people to this demo from Carl to get an idea of how it can be accomplished:
http://htmldb.oracle.com/pls/otn/f?p=11933:13
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen

How to perform expand and collapse operation on click of link or button

Hi
Is there anyway by which i can perform expand and collapse operation over a table on click of a command link or button without using show details component.
Is there any other alternative to show detail.
I do not want to use show detail because of the following reason.
I have got a page where in i pass some parameters to the URL based on which details get displayed on the page.
Now when i pass a parameter, change the parameter, once again send the previously used parameter(i,e the parameter that i passed initially), values in the table under show detail do not show any change in values.
Once i pass values which i have already passed, values in the table under show detail component do not refreshed.
If anyone has encountered with similar situation, then please post me reply's as to how you could over come the problem??

Hi
Perhaps you could use an on-demand application process instead - you can specify these in the URL.
The URL syntax (for your link) would be like...
f?p=application_id:page_id:session:APPLICATION_PROCESS=process_idIs this what you mean?
Cheers
Ben

Expand and Collapse(+/-) option in a Matrix SQL Reporting Services 2008

Hello All,
I am having Expand and Collapse(+/-) option in a Matrix SQL Reporting Services 2008. It's not working when it is havnig a Row Group and Column Group.
Does reporting services has this flexibulity?? It's working fine if it's only have a Row Group an it's not working if it is having Row and a Column Group. Can any one suggest how to work aroung with this.
any help much appriciated.
Thanks & Regards,
Jeevan Dasari.
Dasari

Drill-down feature is a basic requirement, it is concluded in Reporting service from SSRS2000 to SSRS2008 R2, To
your scenario I think the root cause is relevant to your incorrect steps. Please follow the steps below and then give the feedback:
1.     Right-click the child groups in the
Row Groups panel which is at the left-bottom of the BIDS, and then select
Group Properties…
2.
Switch to Visibility tab, and then select
Hide Radio-button, click the checkbox of Display can be toggled by this report item.
3.
Then select the parent group datafield in the drop-down list.
4.
Click OK.
Thanks,
Challen Fu
Challen Fu [MSFT]
MSDN Community Support | Feedback to us
Get or Request Code Sample from Microsoft
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Validation on items in Hide/Show Region

I have a validation on an item that is in a hide/show region. I display all my errors in-line with the field. When the validations fires, after the page is submitted, the hid/show region is closed so the user can't see the error. Is there a way in the validation to open the hide/show region so the error can be seen? I had tried this in my validation, but it doesn't work.
htp.p('<script language=javascript>
document.getElementById(' || '''' || 'P507_REPORT_SCHEDULER' || '''' || ').style.display=' || '''' || 'block' || '''' ||
'</script>');

Hi,
You can try below steps:
1) In PR, get handle to Hide Show bean.
OADefaultHideShowBean hsb = (OADefaultHideShowBean)findIndexedChildRecursive("beanID") ;
2) Expand the bean by using 'setDefaultDisclosed' property.
hsb.setDefaultDisclosed(pageContext, Boolean.TRUE) ;
--Sushant

Javascript help - Hide/Show a page item

Environment:
APEX 3.1.00.09 running on AIX 5.3
Sample application on apex.oracle.com:
Workspace: GALWAY
UserID: gwicke
Password: gwicke
To see where my issues are:
1- Start on page 3
2- In the Agency drop down select 'J & B Marketing'
3- In the Contract drop down select the only contract that appears
4- Click on 'Edit Existing Contract'
5- Note the page item 'LY Closings' has the value 261
6- Click on the link (really a tab in my theme) at the top labeled 'Cost Detail'
7- The 'Estimate Justification' is the page item to be displayed/hidden as noted below.
8- The 'Homes Per Year' under the 'YEAR1' column is the user input page item
9- The P2_BUILDER_CLOSINGS (value 261 noted above) is the page item to be used in the comparison
I need to do a couple of things with a potentially hidden page item:
1- Every time the page loads I need to check to see if the page item (P8_ESTIMATE_JUSTIFICATION) is not null and if it is indeed not null, make it displayed.
2- When the user enters a value in another page item (P8_HOMES_PER_YEAR1), call a function to see if that value is more than 120% of another page item (P2_BUILDER_CLOSINGS) and if so make the above page item displayed (P8_ESTIMATE_JUSTIFICATION).
I have the javascript function created (showHideEstimateJustification) and in the HTML Header of the page. The function is being called currently with an onChange check on the page item entered by the user as noted above (P8_HOMES_PER_YEAR1).
Issues:
1- I need to force a SUBMIT after the user enters the value for P8_HOMES_PER_YEAR1 so it is available in session state and hence to the javascript function (other ideas welcome!)
2- I am currently using the x.style.display = 'inline' versus 'none' to hide/show the page item, where x is derived from var x = document.getElementById(P8_ESTIMATE_JUSTIFICATION) Is there a better way????
Any help is greatly appreciated.
-gary (a.k.a. Javascript newbie)

Hi,
Only your messages use the session state. The code would use the entered value, but you would need to change:
var homes = parseInt(document.getElementById('P8_HOMES_PER_YEAR1'));to
var homes = parseInt(document.getElementById('P8_HOMES_PER_YEAR1').value);so that "homes" becomes the numeric version of the value of the item
Normally, for the label, you would just enter an ID="xxx" into the HTML Table Cell Attributes for the label which you can then use in your javascript. For some reason this doesn't seem to want to work in this page.
What you could do is find all the labels and then check which is the right one before showing/hiding it. Something along the lines of:
var xx = document.getElementsByTagName("LABEL");
var zz;
var label;
for (zz = 0; zz < xx.length; zz++)
if (xx[zz].htmlFor == 'P8_ESTIMATE_JUSTIFICTION")
label = xx[zz];
xx[zz].style.display = 'none';
{code}
Andy

How to make the APEX tree in the "Expand All" shape by default?

Could anybody please enlighten me on how to make the APEX tree in the "Expand All" shape by default please? I created an APEX tree and by default it's in the "Collapse All" shape. I am using APEX 4.1.0.00.21

Hi,
you can check the view source of html and check the onclick code written on that plus sign(Expand All), just copy that onclick javascript code and put it on page javascript event.
Thanks,
Jaydip Bosamiya
+91-76000 23053
http://jbosamiya.blogspot.com

APEX Hide/Show Keep Expanded or Collapsed Upon Form Submit

Similar Messages

Maybe you are looking for