← Back

BorderLayout component

Vaadin version of Java BorderLayout component with rather good API compatibility to Java version.

Author

Rating

Popularity

<100

Vaadin version of Java BorderLayout component with rather good API compatibility to Java version.

Uses CSS Grid which can be configured with the following variables. The default value for the default and the HEADER_MAIN_FOOTER theme variant are presented below.

Default BorderLayout

Grid rows:

--header-height: 1fr;
--center-height: 1fr;
--footer-height: 1fr;

Grid columns:

--left-width: 1fr;
--center-width: 1fr;
--right-width:  1fr;

BorderLayoutVariant.HEADER_MAIN_FOOTER

Grid rows:

--header-height: auto;
--center-height: 1fr;
--footer-height: auto;

Grid columns:

--left-width: 1fr;
--center-width: auto;
--right-width:  auto;

Other variables

Border: --layout-border
Gap between rows: --row-gap (also Java API: setHgap(int hgap))
Gap between columns: --column-gap (also Java API: setVgap(int vgap))

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

Make HEADER_MAIN_FOOTER variant to use full height of the view by default

Released: 2022-06-17
Maturity: BETA
License: Apache License 2.0

Compatibility

Framework: Vaadin 22+
Browser: Firefox; Safari; Google Chrome; Microsoft Edge

BorderLayout component - Vaadin Add-on Directory

Vaadin version of Java BorderLayout component with rather good API compatibility to Java version.

Vaadin version of Java BorderLayout component with rather good API compatibility to Java version. Uses CSS Grid which can be configured with the following variables. The default value for the default and the HEADER_MAIN_FOOTER theme variant are presented below. ### Default BorderLayout Grid rows: ``` --header-height: 1fr; --center-height: 1fr; --footer-height: 1fr; ``` Grid columns: ``` --left-width: 1fr; --center-width: 1fr; --right-width: 1fr; ``` ### BorderLayoutVariant.HEADER_MAIN_FOOTER Grid rows: ``` --header-height: auto; --center-height: 1fr; --footer-height: auto; ``` Grid columns: ``` --left-width: 1fr; --center-width: auto; --right-width: auto; ``` ### Other variables * Border: `--layout-border` * Gap between rows: `--row-gap` (also Java API: `setHgap(int hgap)`) * Gap between columns: `--column-gap` (also Java API: `setVgap(int vgap)`)

View on GitHub

BorderLayout component version 1.0.0
The first release

BorderLayout component version 1.0.1
Make HEADER_MAIN_FOOTER variant to use full height of the view by default

Directory