cancel
Showing results for 
Search instead for 
Did you mean: 
maqsoftware

Horizontal Scroll in Vertical Gallery

There may be a requirement of showing more columns (horizontally) like table in a vertical gallery, by default vertical gallery will not offer horizontal scroll to show more details.

 

But there is a workaround to achieve this. Refer below for the steps:

  1. Create a horizontal container and fit it in screen. Example: Width = 500
     Set following properties: (hiding vertical scroll here as vertical gallery displays one)
    maqsoftware_0-1651653452933.png 

  2. Create a vertical gallery inside horizontal container with the width you are looking for. Example: 1000
    Set following properties:
    maqsoftware_1-1651653452935.png 
  3. Use normal container for headers in case vertical gallery to be shown like a table.
    Set following properties:
    maqsoftware_2-1651653452936.png 

Tree View:

maqsoftware_5-1651653618245.png


Output: 

After making above changes, horizontal container shows horizontal scroll which will look like in-built horizontal scroll in vertical gallery.

maqsoftware_6-1651653626775.png

 

Note:

Make sure to have same width for header and gallery elements to properly aligned like a table.

Comments