details

LIVE DEMO

details is an expandable panel used to show and hide content.

  • XML element: details

  • Java class: JmixDetails

Basics

Use details to hide additional information or optional controls. details can contain any component or layout.

<details id="details" summaryText="View details">
        <span text="Additional information or components may be added here."/>
</details>
details basic

Attributes

id - alignSelf - classNames - colspan - css - enabled - height - maxHeight - maxWidth - minHeight - minWidth - opened - summaryText - themeNames - visible - width

opened

Specifies whether the panel is opened.

summaryText

Vaadin

Specifies the text that provides a summary of what is hidden in the component.

themeNames

Vaadin

Sets a different theme to change component’s appearance. Possible values:

  • filled

  • reverse

  • small

Handlers

AttachEvent - DetachEvent - OpenedChangeEvent

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

OpenedChangeEvent

OpenedChangeEvent is sent every time the opened attribute of the component changes.

Elements

tooltip

See Also

See the Vaadin Docs for more information.