Skip to main content
Tejas Dandekar
Inspiring
June 18, 2021
Question

Rh2020 - Frameless output count of tiles on welcome page and line break

  • June 18, 2021
  • 2 replies
  • 252 views

Hi,

In my Frameless output generated by using RH2020, I have about 7 to 8 tiles. By default, all show up in a single line. Is it possible to control it by having 4 tiles display on line 1 and then a line break after which on line 2 the remainder tiles?

So if I have only 6 tiles, I may want 3 tiles on line 1 and 3 after a line break on the next line. Is that doable?

This topic has been closed for replies.

2 replies

Peter Grainge
Community Expert
Community Expert
June 18, 2021

Try this, it is not thoroughly tested, just based on an idea. The default settings for the Home Page tiles are set in the skin editor. I just increased the default left and right padding to 50 rem and the tiles displayed in a single column in the skin preview.

 

 

With some trial and error and smaller settings maybe you can get what you want?

 

Let us know how you get on.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Tejas Dandekar
Inspiring
June 18, 2021

Sure, will try this and let you know.

Community Expert
June 18, 2021

I can't think of any built in way. 

 

By default the tiles are arranged using flexbox, which is designed to fit as many boxes as will fit in the area, then wrap the remaining boxes to the next row.

 

CSS Grid is designed to specify a grid layout, which I think allows you to say "x boxes across and x boxes down", although I haven't built anything with it so could be getting some of the details wrong.

 

While you can change "display" from "flex" to "grid" I don't think the corresponding grid properties display in the interface. So I think you'd need to use a custom css in the User Assets area. A developer would probably be able to help figure it out.