column layout height is not consistent when using a repeater

Post any questions you have about using the Verj.io Studio, including client and server-side programming with Javascript or FPL, and integration with databases, web services etc.

Moderators: Jon, Steve, Ian, Dave

Segi
Ebase User
Posts: 649
Joined: Mon Dec 09, 2013 6:37 pm

column layout height is not consistent when using a repeater

#1

Postby Segi » Thu Mar 19, 2015 5:57 pm

I am applying the Column layout to a repeater and set the # of columns to 2.

I am having an issue where per row, the height is not consistent, i.e the cell height is different.

This is a screen shot of what it looks like now: http://i.imgur.com/A1JQ5i3.png

I created a jsfiddle with the generated HTML code: http://jsfiddle.net/7vzpbdfd/.

Is there a way to have each row maintain the same height so the shorter cells will expand to match the height of the tallest cell in the row ?

I tried assigning the height to auto and inherit in Layout Properties->Advanced Properties but this has not made a difference.
0 x

Jon
Moderator
Moderator
Posts: 1342
Joined: Wed Sep 12, 2007 12:49 pm

#2

Postby Jon » Fri Mar 20, 2015 7:53 am

You can do this by setting an explicit height on the container control which contains your row details controls. This may be the Repeater Row control or it might be a Panel Control inside this depending on how you've configured it. Then set the CSS height property e.g. height:250px;

There may well be a smarter way to do this, but if there is I'm not aware of it.
0 x


Who is online

Users browsing this forum: No registered users and 18 guests