Discussion

2
Replies
1482
Views
Close popover
Ufuk Ceylan (UfukC819)
Cognizant

Cognizant
CH
UfukC819 Member since 2016 2 posts
Cognizant
Posted: January 29, 2019
Last activity: June 29, 2020

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/fixed-header

https://community1.pega.com/community/pega-product-support/question/layout-group-tabbed-header-fix-while-scrolling

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 Enterprise Application Development Dev/Designer Studio User Experience Developer Knowledge Share