@Arnab2202 the progress component documented in design.pega.com is used to indicate loading progress when using the Cosmos React application. It is available in Pega 8.6.
For Theme-Cosmos, there is no easy to provide a loading progress at the component level - there is a global page loading indicator that will render if the loading takes more than 2 seconds. It is possible to customize the look and feel of the process indicator.
@RichardMarsot yes. when moved the tree navigation to the left of the FlowactionHTML, its coming as expected. PFA. one more question, links are showing with Dots. how to have step numbers for each navigation link instead of Dots.
Posted: 1 year ago
Posted: 24 Nov 2021 14:38 EST
Richard Marsot (RichardMarsot)
Senior Director, Front End Engineering
@venugopalakrishna in the ui gallery, you will a complete example of render vertical timeline with icons, numbers or dots - you can leverage the section and CSS selectors used to render the steps in the screenflow
the css for the screenflow vertical tree is based on the class .ScreenFlowTree and most of the CSS selectors are in py-cosmos-workarea.css - override these selectors in your own override file.