How to freeze the header fields of a Data List in a Dynamic Panel scroll?

Kevin shared this question 1 year ago
Answered

Hi -- How do you freeze the header fields of a Data List when scrolling with a Dynamic panel?

It allows you to "Group in a Dynamic Panel for the entire Data List but not just the entries... This makes it so that when you scroll, the Header disappears as well.

Please help. I can't figure it out.

Thanks,

Kevin

Comments (4)

photo
1

Hi Kevin,


You can create a parallax element that will pin the headers to the top of the dynamic panel. You can learn more about parallax elements here: https://www.justinmind.com/support/how-to-design-a-fixed-position-menu-in-your-wireframe/


Best,

Danielle

photo
1

Hi Danielle --

It is a part of a Data List pulled from a Data Master. Does that change anything? Do I need to create a Widget of the Data List Header in order to drag onto the Floating menu?

Thanks,

Kevin

photo
1

Hi Kevin,


You'll need to create another version of the header and place it within the floating menu. This example should help: https://www.dropbox.com/s/3znb4un00hclzjm/FloatingMenuDataList.vp?dl=0


Best,

Danielle

photo
photo
2

I had the same problem.


Here my workaround :

- Create a dynamic panel named "Dynamic_Panel_Main" (that creates a panel "Panel_1" -> rename it "Panel_Main" )


- Add a new dynamic panel in the panel "Panel_Main" (that creates a panel "Panel_1")

- Set the top value of this sub dynamic panel to 35 (the height of the header)


- Add your Data list in the Panel_1 (set the vertical overflow to scroll always)

- Select the "Header_1" in the Outline and set the Height to 1


- Add a copy of your Data List in the panel "Panel_Main" (top at 0, 1 row per page, height to 37)


That's all.