multiple columns in content block

Permalink
I am trying to create a content block that simply lists the names of donors. I would like to do this in 4 columns, but do not find this option in my edit toolbar. I've tried some paste options from word processing and html, but it hasn't formatted the content correctly. I've also looked at all the toolbar options looking for columns but didn't find any. Am I looking in the wrong place? Or is there a way to do this without simply pressing the space bar to manually create the columns?

Thanks,

j

jonmyers
View Replies:
Tony replied on at Permalink Reply
Tony
check out the area splitter block in the marketplace. otherwise you could do it with tables, via the tinymce HTML window, or by making a new page type.
jonmyers replied on at Permalink Reply
jonmyers
i did see the area splitter, but if i can avoid spending $15 i'll do that. i haven't played with tables much and when i tried it i gave up on it pretty quick. maybe i'll go back and give it another shot.
frz replied on at Permalink Reply
frz
use a table.

if its not already on, you should be able to get to a toolbar that lets you build tables by changing the tinyMCE settings in the dashboard...

click "more toolbars" up top in the content block.
-frz
deckeda replied on at Permalink Reply
Maybe I'm doing it wrong, but after I bring up that "Insert/Modify" dialog and attempt to insert a table, nothing happens. Happens with existing or new blocks. (5.3.3.1)

[Edit: The tinyMCE table editor works in Firefox.]
jonmyers replied on at Permalink Reply
jonmyers
frz i'm not seeing a 'more toolbars' option. only a 'customize toolbar' option which doesn't offer anything that helps me. could this be due to using safari rather than firefox?
nickadeemus2002 replied on at Permalink Reply
go to your template file, create a div with a table that has 4 columns. in each column, create an editable area block. name them whatever you want (column1, column2, etc.). upload that file, go into edit mode, and assign 1/4 of your list content to each editable column.
jonmyers replied on at Permalink Reply
jonmyers
this was really helpful, i'll give this a shot.
nickadeemus2002 replied on at Permalink Reply
anytime
Insiston replied on at Permalink Reply
Insiston
I found the easiest way to do this was to choose the content block, then go into html mode and add a table set up the way you want, then exit and add your data in the editor as you normally would. Gives good column support.

Oh, and put your table in <div></div> tags.


No doubt this was already answered for you but perhaps can help the next person searching for an answer.

Insiston
synlag replied on at Permalink Reply
synlag
well, don't use tables as that would make your content inaccessible for screenreaders.

Why not create some floating classes and clearings in your main.css and use these when adding content?

check out theme column cruiser, it's based on yaml and show how to use liquid div boxes for min-max width sites, that fit various resolutions.
bobemoto replied on at Permalink Reply
You can also try editing the block, go to html mode and insert the following with however many columns you want:

<div style="column-count:2; -moz-column-count:2; -webkit-column-count:2;">
YOUR CONTENT HERE
</div>
AJournal replied on at Permalink Reply 1 Attachment
I tried your method but resulted in this:
AJournal replied on at Permalink Reply 1 Attachment
And now it seems my sites kinda messed up. Can't edit it anymore. Weird. Did the code crash concrete5?
bobemoto replied on at Permalink Reply
What I showed was just html so shouldn't mess up concrete5. If you can't figure out anything directly from that page your best bet may be to start at the top and go to some management page so you can delete that last version you created.

Today a better solution is to use floats for columns so they can work on both laptops and phones. But not sure how this would work with concrete5.
AJournal replied on at Permalink Reply
Awesome! This is so helpful. Thank you!

+1(845)427-1053
Skype: james.autery
jamesautery.com