Discussion

2
Replies
1406
Views
UfukC819 Member since 2016 2 posts
Cognizant
Posted: 1 year ago
Last activity: 3 months 3 weeks ago

Correction: Fixed Header / Layout group tabbed header fix while scrolling

Hi Pega Community ,

they are two questions which are closed without any solution or help:

https://community1.pega.com/community/pega-product-support/question/fix…

https://community1.pega.com/community/pega-product-support/question/lay…

To solve this problem you need do do a local change ( I quest with higher version from Pega 7.2.1 on its already solved).

I tested in Pega 7.2

To have a fixed tab header ( or have a sticky header ) you need to add this code snippet in UserWorkForm

<style>

.Masthead > .scrlCntr {

    text-align: left;

    overflow: hidden;

    position: fixed;

    width: 89%;

    top: 5%;

}

.Masthead > .tabContent {

    border: none;

    margin-top: 30px;

}

</style>

In this example Masthead is the styleformat of the Tab Group properties ( If you resaved the Skinrule from pyEndUser71 then you will have this styleformat - select in the dropdown others and give Masthead) . Otherwhise create or use your custom one and make sure that is used only for the Tabheader style - otherwhise it can destroy other tabs - , please make then sure that you also define the tabs like this ootb section which is refered from the body screen layout : pzStudioContainerTabs)

Regards

Ufuk

Low-Code App Development Low-Code App Development Dev/Designer Studio User Interface Developer Knowledge Share
Share this page LinkedIn