Directory

← Back

Iron Collapse

A collapsible block of content

Author

Rating

Popularity

<100

Integration for the <iron-collapse> web component.
A collapsible block of content. Can be used to collapse / show Content on a Button Click or programmatically. By default, the content will be collapsed. Uses by default a max-height / max-width animation.

Sample code

Label label = new Label("abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz");
label.setWidth("100%");
label.getStyle().set("word-wrap", "break-word");
HorizontalLayout content = new HorizontalLayout(label);
content.setWidth("300px");
content.setHeight("300px");
content.setMargin(true);
content.getStyle().set("box-shadow", "0 0 5px rgba(0,0,0,0.5)");
IronCollapse collapse = new IronCollapse(content);

//add(new Button("Collapse", buttonClickEvent -> collapse.toggle()), collapse); // add the elements to the parent layout

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

  • updated Vaadin version
Released
2020-09-14
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 10+
Vaadin 14+ in 2.0.0
Browser
Firefox
Opera
Safari
Google Chrome
Microsoft Edge

Iron Collapse - Vaadin Add-on Directory

A collapsible block of content Iron Collapse - Vaadin Add-on Directory
Integration for the `` web component. A collapsible block of content. Can be used to collapse / show Content on a Button Click or programmatically. By default, the content will be collapsed. Uses by default a max-height / max-width animation.
Source Code
Online Demo
Issue tracker
Webcomponent

Iron Collapse version 0.5

Iron Collapse version 0.6
added HasSize

Iron Collapse version 0.7
added IronCollapseLayout that allows to create a client-sided custom Iron-Collpase trigger

Iron Collapse version 0.8
- fixed some styling related issues with IronCollapseLayout

Iron Collapse version 0.9

Iron Collapse version 0.9.1
- fixed issue which caused the iron-collapse-layout not to open on edge

Iron Collapse version 0.9.2
- made wrapper div accessible to allow more flexibility

Iron Collapse version 1.0.0
- added the opened attribute for the iron-collapse-layout

Iron Collapse version 2.0.0.beta1
initial release for Vaadin 14

Iron Collapse version 2.0.0.beta2
fixed missing resource issue ## *The compatibility mode is currently not supported!*

Iron Collapse version 2.0.0
- stable release ## *The compatibility mode is currently not supported!*

Iron Collapse version 2.0.1
- updated Vaadin version

Online