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
Thanks,
j
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.
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.
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
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
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.]
[Edit: The tinyMCE table editor works in Firefox.]
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?
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.
this was really helpful, i'll give this a shot.
anytime
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
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
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.
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.
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>
<div style="column-count:2; -moz-column-count:2; -webkit-column-count:2;">
YOUR CONTENT HERE
</div>
I tried your method but resulted in this:
And now it seems my sites kinda messed up. Can't edit it anymore. Weird. Did the code crash concrete5?
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.
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.
Awesome! This is so helpful. Thank you!
+1(845)427-1053
Skype: james.autery
jamesautery.com
+1(845)427-1053
Skype: james.autery
jamesautery.com
