Overview
While scrolling in expanded view you may observe that buttons in the header become misaligned and you would like to implement a fixed header to prevent this from occurring.
Solution
In order to implement a fixed header, you will need to add the following into the customer.css
file under the styles/update
folder.
- Navigate to the
styles/update
folder and add the following lines to thecustomer.css
file:
.u8-header.page { position: fixed; background-color: #EDEDED; top: 0px; } .u8-expand { margin-top: 50px; } .u8-recordtreeview>.center { margin-top: 18px; }
If any collision problems are seen on different pages, adjust the margin-top property of the problematic HTML element like shown in the above example. - Save the file
NOTE: This only works for Expand Views and not Tree Views, this is because the Tree View button area is merged in one single iframe along with the record details.