Skip to main content
Inspiring
Feb 25, 2015 2:48 PM UTC
Answered

reflowing column?

I have a topic that is just an alphabetical list of supported file types, e.g.

Is there any way to have these displayed in a reflowing column format, e.g. three or even four columns, to reduce scrolling and allow easy insertion/deletion of items? Google has failed me, so I think not...

This topic is closed to new replies. Start a new post to keep the conversation going.
AmebrCorrect answer
Community Expert
Feb 25, 2015 11:52 PM UTC

Ha, yeah that didn't work. Do you see anything wrong with my css? I'm just getting my feet wet understanding css. I *believe* I created a paragraph called columns with the column property, and applied the column paragraph style in RH.

Oh well, until/unless someone else chimes in, I'll leave the list as it originally was. This was just a nice-to-have idea. The possibilities in the article you referenced look interesting though, if we can figure out how to implement it!

Thanks,

Laurie


I think you need to define your columns for a div and wrap that around your paragraphs.

div.columns {

     -webkit-columns: 300px 2;

           etc.

}

<div class="columns">

<p>doc</p>

<p>docx</p>

...

</div>

Also, note the browser requirements at the bottom of the page - it won't work in IE9 for example and probably not with the RH preview window.

7 replies

Captiv8r
Legend
Feb 25, 2015 3:06 PM UTC
Captiv8r
Legend
Feb 25, 2015 3:07 PM UTC

Sorry for the oddness. Sometimes the forums have a hickey. I had a full reply but it simply would NOT allow me to post it. I see that from time to time and I'm not sure what causes it.

Translate
Inspiring
Feb 25, 2015 3:33 PM UTC

Thanks Rick

I copied the example into my stylesheet as the following:

  p.columns {

  -webkit-columns: 100px 2;

     -moz-columns: 100px 2;

               columns: 100px 2;

  }

When I apply it to the list, in the RH editor it looks like this:

I thought it might be reflected in the preview, but nah.

What am I missing?

Laurie

Translate