Container wrapping

Development
#1

i’m trying to utilize the container macro as below to have column 1 automatically wrap to the 2nd but of course i also need the container vertical size to be fixed. Anyone know how to do this?

{{container layoutStyle=“columns”}}
(((this is column 1)))
(((this is column 2)))
{{/container}}

#2

Hello,

I can’t give you an exhaustive answer but XWiki provides a mechanism to define your own CSS Stylesheets.
That way you could apply some new styles on the html rendered by the container macro and make the container vertical size fixed.

This tutorial explains in more details how to do this.

Hope that helps.

#3

thanks mluduc, i’ll take a look thru that material.

#4

that worked pretty easy. just needed a stylesheet extension object with the following code and it wraps great.

#xwikicontent {
column-count: 3;
}