Tabbed Navigation Customization For Screen Flow In PEGA
In our application there is one screen flow where I want to customize the tabbed navigation design to be customized. pyTabbedScreenFlow7Main is the main section for our screen flow and inside that pyTabbedScreenFlow7Nav is the embedded section for that navigation which is in UI-Kit. I attached two images below, the 1st one what I have done and the 2nd one which I want to design. Please help me to design that section or tell me if any OOTB html section is already available in PEGA.
Depending on your Format choice, you may see here a Header Type field.
The available options are:
Provides a static horizontal bar at the top of the layout.
Creates a new group of layouts with tabbed headers. Only one layout within the group can be displayed at once. The tab group appears in a Tab Group wireframe. Use the group's properties panel to control the appearance of all the tabs in the group. See the topic Tab Group properties panelbelow.
Creates a new group of layouts that contain collapsible headers. Only one layout can be displayed at once.
Provides a horizontal bar at the top of the layout, with the ability to expand or collapse, to show or hide the layout, when clicked.
Here I am not asking for any Tabbed navigation or Accordion or Bar designs. I am talking about "Screen Flow Navigation" , which provides only two design one is tree and one is tabbed . For the tabbed type Harness I am expecting the above design. I am asking for the HTML section for that particular design. CSS Text file I have. (Example when we use Localization wizard we can see that screen flow design, but I am not able to inspect that and cant see the actual section or any HTML section as Pega is hiding this). Go to Designer Studio->User Interface->Application Readiness->Localization->Translate to new language. You can see what I am expecting the same screen flow.