Question
Capgemini
IN
Last activity: 30 Jun 2019 4:13 EDT
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.
Pegasystems Inc.
IN
Hello Arpan,
Please find the below article and see if this matches your requirement.
https://community1.pega.com/community/pega-academy/question/creating-breadcrumbs-screenflow
Ford Motor Private Limited
US
Hi,
I have tried using that breadcrumbs in screen flow but i was not able to do that in Pega higher versions(7.4,8) can u please check and confirm whether it is available
Pegasystems Inc.
IN
Yes it is available in Pega 7.4.
Depending on your Format choice, you may see here a Header Type field.
The available options are:
Yes it is available in Pega 7.4.
Depending on your Format choice, you may see here a Header Type field.
The available options are:
Bar |
Provides a static horizontal bar at the top of the layout. |
Tabbed |
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. |
Accordion |
Creates a new group of layouts that contain collapsible headers. Only one layout can be displayed at once. |
Collapsible |
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. |
Capgemini
IN
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.
Pegasystems Inc.
IN
Hi Arpan,
If i got your requirement correct, you are looking for a screenflow in breadcrumb fashion.
In the latest versions there are few issues with breadcrumb css styling in latest UI kit.
"py-screenflow-overrides" css file in latest UI kit overrides the breadcrumb styles.
You can do re-save of py-screenflow-overrides css file from UI-Kit:08-01 into application rule-set to fix the issue with breadcrumbs.
Hope it helps!!
Thanks.