Directory

← Back

BorderLayout component

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

Author

Contributors

Rating

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;

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. BorderLayout component - Vaadin Add-on Directory
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)`)
Online