Flexible Height Gallery with a Separator

Introduction

If you want to use a flexible gallery with a separator in your app, try the steps below.

Step 1. Add a Blank flexible height gallery

Blank flexible height gallery

Step 2. Adding controls to the gallery

Add the controls you want to include in the gallery. For example, here I have added labels and a dropdown.

Template issue

Step 3. Setting auto height toggle for labels

For labels, set the toggle to 'on' for auto height.

Add height

Step 4. Adding a separator rectangle and Setting the Y property formula

Add a rectangle in the gallery for the separator and set the Y property formula as below.

// Here is the addition of the maximum Y, Maximum height of control from all controls, and the TemplatePadding of the gallery(Gallery6)

Max(
    lbl_Issue_Title.Y,
    lbl_Description.Y,
    drp_Status.Y
) +
Max(
    lbl_Issue_Title.Height,
    lbl_Description.Height,
    drp_Status.Height
) +
If(
    Gallery6.TemplatePadding = 0,
    5,
    Gallery6.TemplatePadding
) +
Self.Height

Separator

Flexible height gallery with a separator

Conclusion

Using this article, you can easily add the separator to the flexible gallery.


Similar Articles