Horizontal Display of ListRecords

Horizontal Display of ListRecords

  

Hello everyone, 

I have this concern relating to the SilkUI. I'm using the Vanilla Theme. I believe I asked this sometime long ago (I can't remember) but I'll ask it again.

Here's the current implementation in my Personal Cloud.

I actually want to do the same implementation in the Explore page of the Silk UI (link below)

http://labs.outsystems.net/SamplePagesPreview/Explore.aspx

And it seems the sample OML file makes the grid static (not like in my case wherein the cards will come from the backend).

How can I implement such case?


Thanks! 

Julius

Solution

Hi Julius,


You can set the Line Separator of your Listrecord to None and reduce the width of the container that holds the card weblock to 4 col  and add this as extended style.

margin-right: 5px;
margin-bottom: 5px;
display: inline-block;

Hope this solves your problem.


Regards,

Regie

Solution

Hi Regie, 

Cool! Tried out your solution and... tada! Here's the output I really wanted. Thank you very much!

Regards, 

Julius

Regie Agapito wrote:

Hi Julius,


You can set the Line Separator of your Listrecord to None and reduce the width of the container that holds the card weblock to 4 col  and add this as extended style.

margin-right: 5px;
margin-bottom: 5px;
display: inline-block;

Hope this solves your problem.


Regards,

Regie