Organizing fields by using collapsible and accordion panels in Progressive Web Applications
To organize fields by using collapsible or accordion panels in Progressive Web Applications
- In Developer Studio, create a progressive view.
- Select Form > Create New View.
The Create New View dialog box is displayed. - From the View Type list, select Progressive.
Developer Studio automatically creates a Section Panel.
- Select Form > Create New View.
- Perform one of the following steps:
- From the Palette pane, drag a Collapsible Panel Holder into the view.
The view shows a Collapsible Panel Holder with two panels within it. - From the Palette pane, drag Accordion Panel Holder into the view.
Accordion panels are similar to collapsible panels except that at least one panel is always open.
- From the Palette pane, drag a Collapsible Panel Holder into the view.
- Click Save.
- Open the Mid Tier configuration tool and sync the cache.
http://<MidtierHostName>:<PortNumber>/arsys/shared/config/config_cache.jsp
To test and review the panels in Progressive Web Applications
- In a browser, log in to PWA.
(On-premises) http://<midtierHostName>:<portNumber>/arsys/pwa/#/login
(SaaS) http://<helixBaseURL>/arsys/pwa/#/login - Change the URL to include the Progressive View form that you created in Developer Studio.
(On-premises) http://<midtierHostName>:<portNumber>/arsys/pwa/#/forms/<AR_Server_Name>/<formName>/
(SaaS) http://<helixBaseURL>/arsys/pwa/#/forms/<AR_Server_Name>/<formName>/
- Confirm that the collapsible and accordion panels hide or show options.
Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*