Hi,
I have a problem creating a Clickable Wizard Progress Bar using the Universal Theme.
I have a set of 5 pages that behave as a wizard. The user starts on page 1 and can navigate through the pages using Next and Previous buttons. A progress bar is displayed on each page, indicating the current page in the wizard. I would like to allow the user to navigate to any page in the wizard by clicking on the relevant icon on the progress bar.
I am using a copy of the Wizard Progress list template for my progress bar. The progress bar contains icons that indicate pages as follows:
Blue Circle: Current page
Green Circle with a tick: Previous pages
Grey circle: Next pages
I am able to make the Green circles clickable, but not the Grey circles. I have set up the following app to demonstrate the problem:
https://apex.oracle.com/pls/apex/f?p=63033
If you follow the link and then click on the Wizard Pages navigation entry you will be on page 1 of the wizard. The progress bar will show a Blue circle for page 1, and Grey circles for the other pages. None of the circles are clickable. If you navigate to page 2 using the Next button the progress bar now shows a Green circle for page 1, a Blue circle for page 2, and Grey circles for the other pages. You can click on the Green circle to return to page 1.
As stated earlier, I have a copy of the Wizard Progress list template, called Wizard Progress Clickable. I have amended the List Template Noncurrent entry to
<li class="t-WizardSteps-step" id="#LIST_ITEM_ID#"><div class="t-WizardSteps-wrap"><span class="t-WizardSteps-marker"><a href="javascript:apex.submit({ request:'BRANCH', set:{'P0_WIZARD_PAGE':'#A01#'}});"><span class="t-Icon a-Icon icon-check"></span></a></span><span class="t-WizardSteps-label">#TEXT# <span class="t-WizardSteps-labelState"></span></span></div></li>
(thanks to http://www.laureston.ca/2012/04/27/apex-clickable-progress-wizard-with-automatic-saving/ )
Would someone be able to tell me what I need to do to get the Grey Circles clickable?
Many thanks
Adrian