Skip to main content
A
argus08-7xWR1K
Inspiring
February 25, 2015
Answered

reflowing column?

  • February 25, 2015
  • 1 reply
  • 723 views

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 has been closed for replies.
Correct answer Amebr

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.

1 reply

Captiv8r
Captiv8r
Legend
February 25, 2015

columns | CSS-Tricks

Captiv8r
Captiv8r
Legend
February 25, 2015

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.

A
argus08-7xWR1KAuthor
Inspiring
February 25, 2015

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

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices