You are viewing limited content. For full access, please sign in.

Question

Question

Freeze panes in Forms

Forms
Updated January 16, 2020
asked on January 8, 2020

I have to display the total merit pool amount at top of the form. I have a table below that for users to enter merit amount for individual employees. As amount is entered for individual employees in table rows, the table gets longer and we have to scroll to the top to see the remaining merit pool. Is there a way to freeze a section at top so that merit pool amount is always shown even if we scroll down the page for the table? What is the best way to do this? Thanks.

 

Priya

0 0

Replies

replied on January 8, 2020

As far as I am aware, the only way to do this would be through custom CSS.

While it will need to be customized to look good in your forms, a place to start would be adding a css class such as 'locked' to the field, and using this as a very basic starting point. It will lock the field to the top right of your browser.

 

.locked {
  position: fixed;
  top: 0%;
  right: 0%;
}

 

0 0
View 1 previous reply
replied on January 8, 2020

As an alternative, you can also set a max height and make sure Y scrolling is enabled on the table's parent container. I've done this on forms where I don't want the overall form to be a fixed height.

Using this approach, you would get a scroll bar for the table itself once it reaches the maximum height instead of causing the form/page to grow more (i.e., you scroll the table instead of the page, so the other content near it remains visible).

0 0
replied on January 9, 2020

Thanks. Do you have sample code on how I can do that please?

 

Priya

0 0
replied on January 9, 2020
0 0
replied on January 16, 2020

Thanks

0 0
replied on January 8, 2020

Ok, thanks.

 

Priya

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...