I need them to be same height, so there isn't this discrepancy between them, but the thing is that they are both blocks.I have tried the CSS that i found here: https://www.outsystems.com/forums/discussion/66965/get-container-height/ , but it doesn't work for me.
I believe I understood what your problem is.
From reviewing your OML file, it looks like both divs already have the same height, but the buttons are not aligned at the bottom. Is that correct?
Would setting a fixed height within the Block be a viable solution? If so, you could place the content within the white card inside a container and set a fixed height for it.
AC
Hi @Cristiana Esteves
Have you defined the containers to be full height with CSS? Do you also have any CSS within the blocks that might be overriding the container styling?
If possible, could you share your OML file? That would help the community provide a more accurate solution.
Have you defined the containers to be full height with CSS?
Do you also have any CSS within the blocks that might be overriding the container styling?
How do I do that?
The blocks don't have any CSS applied to them.
Are you able to share your oml?
No, I can't share.
But I checked and my containers are actually with same height but the aspect of both blocks remains diferent? Because since they have diferent information the content cards size are diferent for each of them... Is there a way I can homologate the visual aspect?
Yes, but I also need to have the content cards aligned with each other, so that you can easily compare the information provide. Is there any dinamic way to do it or simply set a fixed height for the content cards and that's it?
Yes, setting a fixed height for each section should resolve the issue.
It’s possible to use more complex CSS to calculate the height dynamically across different blocks, but I believe setting a fixed height will suffice for your use case.
Could you provide an explanation or an oml for the CSS dynamic way?
Only if it doesn't take much of your time. I'm not very familiar with CSS yet, but I'm curious about how to do it.
Sorry, Cristiana, my modest CSS knowledge doesn’t yet allow me to develop something with that level of complexity. I'm not even sure if that's possible.
Did the fixed height solution solve your issue?
yes!
Hello @Cristiana Esteves
You can use the "Columns2" web block provided by OutystemsUI, add both div inside it, and make your block at full height it will solve your problem.
Thanks
Regards Gourav Shrivastava
Columns2 will split content in 2 columns with responsive capabilities but have no impact on the height of the content.
Hi @Cristiana Esteves,
I am replicating same thing see we use this and it is working fine.
Inside the web block any widget you are using can you please inspect and show us what is overridding or share OML so we will check on that.
I have attached OML also with use of web block you can refer that also:
Regards,
Rajat
Yeah, so my containers are actually with same height but how can I can remove the discrepancy between the aspect of both blocks? Because since they have diferent information the content cards size are diferent for each of them...
Ok, If possible can you share one demo app OML for that so we will check what you used inside webblock after doing inspect.