NoFloat Container


Controls in this container are not wrapped in a div when rendered.

The NoFloat Container Type

A look at how NoFloat containers can be used in designing an application's CSS.

Normally, a control in a UX Component is wrapped in a div element, adding horizontal and veritcal spacing to the control to prevent adjacent controls from touching each other. Controls in a UX Component also 'float' from left-to-right, until a 'break' forces controls to start on a new line.

Controls placed inside a NoFloat container are not wrapped in a div element and do not 'float' from left-to-right. All horizontal spacing between adjacent controls is removed, and each control is displayed on its own line, regardless of the setting of the control's 'break' property.

See Also