Skip to content

Inline Group Container

Paolo edited this page Oct 19, 2017 · 4 revisions

The Inline Group Container allow you to use at best the available width dividing the available width in 3 horizontal section, left, right and content; the left and the right section will use all and only the necessary width depending on their content (if any); the content section instead will use all the remaining width.

Inline Group Container IMG

Getting Started

You can drop Servoy any Servoy Web Components and nest other 12Grid containers into the left, right and content section.

You may decide to leave empty the right or left section, not necessarely you need to use these section; however you may use at least one of these 2 sections; otherwise you may not use this container at all since there is no benefit on using only the content section.

IMPORTANT! The parent container of the inline group container MUST have a known width, the inline group container is not useful at all if the width of it's top container is 'auto' (which is an unknown value).

Inline Group Container Outline

Nesting Inline Group Containers

You can nest multiple inline group container within the content section to sub-divide the available width of the content section.

Clone this wiki locally