div

div is a container that groups related components together.

XML Element	`div`
Java Class	`Div`
Attributes	id - alignSelf - classNames - colspan - css - dataContainer - enabled - height - maxHeight - maxWidth - minHeight - minWidth - property - text - themeNames - title - visible - whiteSpace - width
Handlers	AttachEvent - ClickEvent - DetachEvent

XML Element

div

Java Class

Div

Attributes

id - alignSelf - classNames - colspan - css - dataContainer - enabled - height - maxHeight - maxWidth - minHeight - minWidth - property - text - themeNames - title - visible - whiteSpace - width

Handlers

AttachEvent - ClickEvent - DetachEvent

Basics

The following example shows div with nested components:

<div>
    <h2 text="Sample Title"/>
    <p text="This is a sample paragraph inside a div."/>
</div>

Use the html component to include raw HTML.

Themes

The component can apply a predefined theme to nested components. For that, combine badge and another themeNames value:

<div themeNames="badge, success">
    <p text="This paragraph has green text and a light green background."/>
</div>

Attributes

In Jmix there are many common attributes that serve the same purpose for all components. The following are attributes specific to div:

Name	Description	Default
themeNames	Adds a theme to the component. Possible values: `badge`, `normal`, `success`, `error`, `contrast`, `primary`, `small`, `pill`. For a theme to take effect, combine `badge` with another value as shown above. Predefined themes are sets of CSS classes that may affect other styling options of the component or its nested components.	-

Name

Description

Default

themeNames

Adds a theme to the component. Possible values: badge, normal, success, error, contrast, primary, small, pill. For a theme to take effect, combine badge with another value as shown above.

Predefined themes are sets of CSS classes that may affect other styling options of the component or its nested components.

Handlers

In Jmix there are many common handlers that are configured in the same way for all components. The following are handlers specific to div:

Чтобы сгенерировать заглушку обработчика в Jmix Studio, используйте вкладку Handlers панели инспектора Jmix UI, или команду Generate Handler, доступную на верхней панели контроллера экрана и через меню Code → Generate (Alt+Insert / Cmd+N).

Name	Description
ClickEvent	The `com.vaadin.flow.component.ClickEvent` is fired when the component is clicked. This handler must specify one of the three subjects to detect the number of clicks: click – fires the event whenever the component is clicked. singleClick – fires the event after a timeout to ensure it is not a double click. doubleClick – fires the event when the component is double-clicked.

Name

Description

ClickEvent

The com.vaadin.flow.component.ClickEvent is fired when the component is clicked. This handler must specify one of the three subjects to detect the number of clicks:

click – fires the event whenever the component is clicked.

singleClick – fires the event after a timeout to ensure it is not a double click.

doubleClick – fires the event when the component is double-clicked.