Same height

Hi,

when I use several colums, I need some kind of equalize to make the e. g. the headers the same height, so the text of the paragraphs start at the same height as well:

Is there an equalize bric or something I can wrap the headers around?

Thank you!

1 Like

There are many ways to do this. For example, you can wrap the H tag in DIV, and set the height of this DIV to some specific value.

Hi Fuellemann, you’re an ex-Foundry user also, we used to have the Equalize tool where we could create a label for a few objects and then anything that had that label assigned would set the height to be the same as the one that was the largest. Is that what you are trying to do?

Setting the pixel height isn’t best as content can be dynamic and needs to change to the largest height for a group of elements such as titles on a card or body text area on a card. I can’t see how this is done in Blocs unless using a grid layout, but then can be awkward for adding some components.

@Norm do you know if it is possible in Blocs with the native controls of Blocs to be able to set the height of a number of objects to match the largest one of the group?

1 Like

Have you tried Same Height ?

It allows you to set some wrappers to the same height :wink:

2 Likes

I think in this case, setting minimum height will be an option, but yeah, as you said, using other methods (including grids) is also a viable option.

But, in any case, I am not sure it is going to look good to have the first column have a huge margin, and then the second one a much smaller one. Maybe a total rethink of this section might be the best option.

1 Like

I totally get what you are saying, and agree with that, and that would be a poor aesthetic design decision if there was a noticable imbalance, but you get instances where a line of text for 2 out of 4 cards maybe hits a third line where the other 2 fit two lines, so there is a slight difference in height making the overall cards different heights. The imbalnce of four cards not being the same size I feel would be greater than a bit of space with the text lines. An instance where minimum height won’t work is if the content is Volt generated and the user pushes it slightly over the threshold or using REM settings on text and the browser for some viewers is set different for the base font size. If there was a ‘wraper’ with a class that could be applied to the text content where all objects with that class adjust the height to meet the largest one it would elimante that issue, essentially the largest one sets the minimum height. This was something that was implemented in Foundry to address this as a default option with a ‘wrapper’ div, Blocs’ equivalent process I imagine would be a class. If Blocs could do this it would be a valuable option. It’s worth looking in to and also gleaning ideas from the way other systems enable practice.

1 Like

@Bill Hi Bill, yes I did try that, but it wouldn’t work for me, I can’t remember what the problem was if was the Bootstap version incompatible or Blocs version, but it had the yellow exclamation indicating an issue. See screenshot, Same Height is exactly the thing I’d love to use.

1 Like

This is perfect and I will try it today. Will it work with the latest Blocs 6?

It works perfectly with it, flawless :wink:

1 Like

Hi @Bill

I downloaded same height a long time ago but removed it as could never ever get it to work ! But the project I was on, I found a world around.

Is this bric still compatible with Blocs 6? - I am back tonight for a good 5-6hrs on Blocs so I can try it again then as looks a very useful bric.

I came on this forum to solve my problem which is the height issue. I am glad I found this forum site & this website. Thank you guys!

1 Like

Hi Guys,

I just updated Same Height to v1.4.1 and yes it works in Blocs 6.

Just visit my same height page and click the download button to get the new version - it’s free but donations to help me out are appreciated.

And I was talking with the fellas in Web Chat today (our weekly Monday meeting) and was able to update the bric and give you guys a great fix - yes it does pay to be there in the group live ! Email me through my website if you want to join the group.

4 Likes

Indeed it is working well now.

Thank you @Bill