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.
column layout height is not consistent when using a repeater
Moderators: Jon, Steve, Ian, Dave
-
- Ebase User
- Posts: 649
- Joined: Mon Dec 09, 2013 6:37 pm
-
- Moderator
- Posts: 1342
- Joined: Wed Sep 12, 2007 12:49 pm
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.
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