Package com.jbstrap.ui.bootstrap
Class Flex
java.lang.Object
com.jbstrap.ui.bootstrap.Flex
- All Implemented Interfaces:
StyleElement
Flex settings
- Since:
- 4.0
- Author:
- JBStrap
-
Method Summary
Modifier and TypeMethodDescriptionstatic Flex
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that there is a space between each row and before and after the first and last rows.static Flex
ALIGN_CONTENT_AROUND
(ScreenSize screenSize) If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that there is a space between each row and before and after the first and last rows.static Flex
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the center of each row.static Flex
ALIGN_CONTENT_CENTER
(ScreenSize screenSize) If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the center of each row.static Flex
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the bottom of each row.static Flex
ALIGN_CONTENT_END
(ScreenSize screenSize) If you display more items in a flex container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the bottom of each row.static Flex
If you display more items in a flexible container than will fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the top of each row.static Flex
ALIGN_CONTENT_START
(ScreenSize screenSize) If you display more items in a flexible container than will fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the top of each row.static Flex
If you display more items in a flex container than would fit in a row, you can use this setting to arrange the individual items vertically within a row.static Flex
ALIGN_CONTENT_STRETCH
(ScreenSize screenSize) If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items vertically within a row.static Flex
Vertical alignment of items to the baseline of a row container and to the front in a column container for all screen sizes in the flex container.static Flex
ALIGN_ITEMS_BASELINE
(ScreenSize screenSize) Vertical alignment of items to the baseline of a row container and to the front in a column container for the specified and bigger screen sizes in the flex container.static Flex
Vertical alignment of items to the center of a row container and to the front part of a column container for all screen sizes in the flex container.static Flex
ALIGN_ITEMS_CENTER
(ScreenSize screenSize) Vertical alignment of items to the center of a row container and to the front part of a column container for all screen sizes for the specified and bigger screen sizes in the flex container.static Flex
Vertical alignment of items to the lower part of a row container and to the front part of a column container for all screen sizes in the flex container.static Flex
ALIGN_ITEMS_END
(ScreenSize screenSize) Vertical alignment of items to the lower part of a row container and to the front part of a column container for all screen sizes bigger than the specified one in the flex container.static Flex
Vertical alignment of items to the upper part of a row container and to the front part of a column container for all screen sizes in the flex container.static Flex
ALIGN_ITEMS_START
(ScreenSize screenSize) Vertical alignment of items to the upper part of a row container and to the front part of a column container for all screen sizes bigger than the specified one in the flex container.static Flex
Extends the vertical size of the item to full size for all screen sizes in the flex container.static Flex
ALIGN_ITEMS_STRETCH
(ScreenSize screenSize) Extends the vertical size of the item to full size for the specified and bigger screen sizes in the flex container.static Flex
Vertical alignment of an item to the baseline of the column.static Flex
ALIGN_SELF_BASELINE
(ScreenSize screenSize) Vertical alignment of an item to the baseline of the column.static Flex
Vertical alignment of an item to the center of the column.static Flex
ALIGN_SELF_CENTER
(ScreenSize screenSize) Vertical alignment of an item to the center of the column.static Flex
Vertical alignment of an item to the bottom of the column.static Flex
ALIGN_SELF_END
(ScreenSize screenSize) Vertical alignment of an item to the bottom of the column.static Flex
Vertical alignment of an item to the top of the column.static Flex
ALIGN_SELF_START
(ScreenSize screenSize) Vertical alignment of an item to the top of the column.static Flex
Extends the vertical size of an item according to the column size.static Flex
ALIGN_SELF_STRETCH
(ScreenSize screenSize) Extends the vertical size of an item according to the column size.void
static Flex
FILL()
Sets an item to fill the available space in the flexible container for all screen sizes.static Flex
FILL
(ScreenSize screenSize) Sets an item to fill the available space in the flexible container for the specified and bigger screen sizes.static Flex
In the flex container, items are arranged into a column below one another for all screen sizes, in the order the items were created.static Flex
FLEX_COLUMN
(ScreenSize screenSize) In the flex container, the items are arranged in a column for the specified and bigger screen sizes, in the same order the items were created.static Flex
In the flex container, the items are arranged in a column for all screen sizes, in the reverse order the items were created.static Flex
FLEX_COLUMN_REVERSE
(ScreenSize screenSize) In the flex container, the items are arranged in a column for the specified and bigger screen sizes, in the reverse order the items were created.static Flex
FLEX_ROW()
In a flex container, the items are arranged in a row for all screen sizes, in the same order the items were created.static Flex
FLEX_ROW
(ScreenSize screenSize) In the flex container, the items are arranged in a row for the specified and bigger screen sizes, in the same order the items were created.static Flex
In the flex container, the items are arranged in a row for all screen sizes, in the reverse order the items were created.static Flex
FLEX_ROW_REVERSE
(ScreenSize screenSize) In the flex container, the items are arranged in a row for the specified and bigger screen sizes, in the reverse order the items were created.static Flex
GROW()
Dynamically resizes an item to fill all available space while leaving all other items required for each screen size.static Flex
GROW
(ScreenSize screenSize) Dynamically resizes an item to fill all available space while leaving all other items required for the specified and bigger screen sizes.static Flex
In the flex container, the items for all screen sizes are at an equal distance from each other, but the space before and after the first and the last item is half the distance as between the items.static Flex
JUSTIFY_CONTENT_AROUND
(ScreenSize screenSize) In the flex container, the items are at an equal distance from each other for the specified and bigger screen sizes.static Flex
In the flex container, the items are at an equal distance from each other for all screen sizes.static Flex
JUSTIFY_CONTENT_BETWEEN
(ScreenSize screenSize) In the flex container, the items are at an equal distance from each other for the specified and bigger screen sizes.static Flex
In the flex container, the items are aligned to the center for all screen sizes.static Flex
JUSTIFY_CONTENT_CENTER
(ScreenSize screenSize) In the flex container, the items are aligned to the center for the specified or bigger screen sizes.static Flex
In the flex container, the items are aligned to the back for all screen sizes.static Flex
JUSTIFY_CONTENT_END
(ScreenSize screenSize) In the flex container, the items are aligned to the back for the specified and bigger screen sizes.static Flex
In the flex container, the items are aligned to the front for all screen sizes.static Flex
JUSTIFY_CONTENT_START
(ScreenSize screenSize) In the flex container, the items are aligned to the front for the specified and bigger screen sizes.static Flex
NOWRAP()
Items in the flex container will not be wrapped at the end of the line if they do not fit in the container, but will overlap for all screen sizes.static Flex
NOWRAP
(ScreenSize screenSize) The items in the flexible container are not be wrapped at the end of the line if they do not fit in the container, but will overlap in case of the specified and bigger screen sizes.void
static void
removeAllFlexSettings
(Component<?> component) Removes all flex display settings from the specified component.static Flex
SHRINK()
Enable forcing an item to shrink to leave more space for other elements in the flexible container.static Flex
SHRINK
(ScreenSize screenSize) Enable forcing an item to shrink to leave more space for other elements in the flexible container.static Flex
WRAP()
The items in the flexible container are placed in a new row if they do not fit next to each other.static Flex
WRAP
(ScreenSize screenSize) The items in the flexible container are placed in a new row if they do not fit next to each other.static Flex
The flex container is populated starting from the bottom.static Flex
WRAP_REVERSE
(ScreenSize screenSize) The flex container is populated starting from the bottom.
-
Method Details
-
FLEX_ROW
In a flex container, the items are arranged in a row for all screen sizes, in the same order the items were created.- Returns:
- Flex setting
-
FLEX_ROW_REVERSE
In the flex container, the items are arranged in a row for all screen sizes, in the reverse order the items were created.- Returns:
- Flex setting
-
FLEX_COLUMN
In the flex container, items are arranged into a column below one another for all screen sizes, in the order the items were created.- Returns:
- Flex setting
-
FLEX_COLUMN_REVERSE
In the flex container, the items are arranged in a column for all screen sizes, in the reverse order the items were created.- Returns:
- Flex setting
-
FLEX_ROW
In the flex container, the items are arranged in a row for the specified and bigger screen sizes, in the same order the items were created.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
FLEX_ROW_REVERSE
In the flex container, the items are arranged in a row for the specified and bigger screen sizes, in the reverse order the items were created.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
FLEX_COLUMN
In the flex container, the items are arranged in a column for the specified and bigger screen sizes, in the same order the items were created.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
FLEX_COLUMN_REVERSE
In the flex container, the items are arranged in a column for the specified and bigger screen sizes, in the reverse order the items were created.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_START
In the flex container, the items are aligned to the front for all screen sizes. In a row container, items are aligned to the front of the row. In a column container, items are aligned to the uppermost part of the column.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_START
In the flex container, the items are aligned to the front for the specified and bigger screen sizes. In a row container, items are aligned to the front of the row. In a column container, items are aligned to the uppermost part of the column.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_END
In the flex container, the items are aligned to the back for all screen sizes. In a row container, items are aligned to the back of the row. In a column container, items are aligned to the lowermost part of the column.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_END
In the flex container, the items are aligned to the back for the specified and bigger screen sizes. In a row container, items are aligned to the back of the row. In a column container, items are aligned to the lowermost part of the column.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_CENTER
In the flex container, the items are aligned to the center for all screen sizes.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_CENTER
In the flex container, the items are aligned to the center for the specified or bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_BETWEEN
In the flex container, the items are at an equal distance from each other for all screen sizes.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_BETWEEN
In the flex container, the items are at an equal distance from each other for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_AROUND
In the flex container, the items for all screen sizes are at an equal distance from each other, but the space before and after the first and the last item is half the distance as between the items.- Returns:
- Flex setting
-
JUSTIFY_CONTENT_AROUND
In the flex container, the items are at an equal distance from each other for the specified and bigger screen sizes. but the space before and after the first and the last item is half the distance as between the items.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_ITEMS_START
Vertical alignment of items to the upper part of a row container and to the front part of a column container for all screen sizes in the flex container.- Returns:
- Flex setting
-
ALIGN_ITEMS_START
Vertical alignment of items to the upper part of a row container and to the front part of a column container for all screen sizes bigger than the specified one in the flex container.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_ITEMS_END
Vertical alignment of items to the lower part of a row container and to the front part of a column container for all screen sizes in the flex container.- Returns:
- Flex setting
-
ALIGN_ITEMS_END
Vertical alignment of items to the lower part of a row container and to the front part of a column container for all screen sizes bigger than the specified one in the flex container.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_ITEMS_CENTER
Vertical alignment of items to the center of a row container and to the front part of a column container for all screen sizes in the flex container.- Returns:
- Flex setting
-
ALIGN_ITEMS_CENTER
Vertical alignment of items to the center of a row container and to the front part of a column container for all screen sizes for the specified and bigger screen sizes in the flex container.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_ITEMS_BASELINE
Vertical alignment of items to the baseline of a row container and to the front in a column container for all screen sizes in the flex container.- Returns:
- Flex setting
-
ALIGN_ITEMS_BASELINE
Vertical alignment of items to the baseline of a row container and to the front in a column container for the specified and bigger screen sizes in the flex container.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_ITEMS_STRETCH
Extends the vertical size of the item to full size for all screen sizes in the flex container.- Returns:
- Flex setting
-
ALIGN_ITEMS_STRETCH
Extends the vertical size of the item to full size for the specified and bigger screen sizes in the flex container.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_SELF_START
Vertical alignment of an item to the top of the column. In case of a flexible parent container, this is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_SELF_START
Vertical alignment of an item to the top of the column. In case of a flexible parent container, this is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_SELF_END
Vertical alignment of an item to the bottom of the column. In case of a flexible parent container, this is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_SELF_END
Vertical alignment of an item to the bottom of the column. In case of a flexible parent container, this is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_SELF_CENTER
Vertical alignment of an item to the center of the column. In case of a flexible parent container, this is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_SELF_CENTER
Vertical alignment of an item to the center of the column. In case of a flexible parent container, this is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_SELF_BASELINE
Vertical alignment of an item to the baseline of the column. In case of a flexible parent container, this is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_SELF_BASELINE
Vertical alignment of an item to the baseline of the column. In case of a flexible parent container, this is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_SELF_STRETCH
Extends the vertical size of an item according to the column size. In case of a flexible parent container, the setting is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_SELF_STRETCH
Extends the vertical size of an item according to the column size. In case of a flexible parent container, the setting is applicable for all screen sizes bigger than the specified one.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
FILL
Sets an item to fill the available space in the flexible container for all screen sizes.- Returns:
- Flex setting
-
FILL
Sets an item to fill the available space in the flexible container for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
GROW
Dynamically resizes an item to fill all available space while leaving all other items required for each screen size.- Returns:
- Flex setting
-
GROW
Dynamically resizes an item to fill all available space while leaving all other items required for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
SHRINK
Enable forcing an item to shrink to leave more space for other elements in the flexible container. This setting is applicable for all screen sizes.- Returns:
- Flex setting
-
SHRINK
Enable forcing an item to shrink to leave more space for other elements in the flexible container. The settings is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
NOWRAP
Items in the flex container will not be wrapped at the end of the line if they do not fit in the container, but will overlap for all screen sizes.- Returns:
- Flex setting
-
NOWRAP
The items in the flexible container are not be wrapped at the end of the line if they do not fit in the container, but will overlap in case of the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
WRAP
The items in the flexible container are placed in a new row if they do not fit next to each other. This setting is applicable for all screen sizes.- Returns:
- Flex setting
-
WRAP
The items in the flexible container are placed in a new row if they do not fit next to each other. The setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
WRAP_REVERSE
The flex container is populated starting from the bottom. If the items in the flex container do not fit in the same row, the items are placed in a new row above the previous one. The setting is applicable for all screen sizes.- Returns:
- Flex setting
-
WRAP_REVERSE
The flex container is populated starting from the bottom. If the items in the flex container do not fit in the same row, the items are placed in a new row above the previous one. The setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_CONTENT_START
If you display more items in a flexible container than will fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the top of each row. This setting is applicable for all screen sizes. this is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_CONTENT_START
If you display more items in a flexible container than will fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the top of each row. This setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_CONTENT_END
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the bottom of each row. This setting is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_CONTENT_END
If you display more items in a flex container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the bottom of each row. This setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_CONTENT_CENTER
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the center of each row. This setting is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_CONTENT_CENTER
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that they align with the center of each row. This setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_CONTENT_AROUND
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that there is a space between each row and before and after the first and last rows. This setting is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_CONTENT_AROUND
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items within the rows vertically so that there is a space between each row and before and after the first and last rows. This setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
ALIGN_CONTENT_STRETCH
If you display more items in a flex container than would fit in a row, you can use this setting to arrange the individual items vertically within a row. Individual rows equally fill the available space and the items in these rows are extended to the full height of the rows. This setting is applicable for all screen sizes.- Returns:
- Flex setting
-
ALIGN_CONTENT_STRETCH
If you display more items in a flexible container than would fit in a row, you can use this setting to arrange the individual items vertically within a row. Individual rows equally fill the available space and the items in these rows are extended to the full height of the rows. This setting is applicable for the specified and bigger screen sizes.- Parameters:
screenSize
- Screen size Available screen sizes are listed in theScreenSize
enum.- Returns:
- Flex setting
-
apply
- Specified by:
apply
in interfaceStyleElement
- Parameters:
component
- The component
-
removeAllFlexSettings
Removes all flex display settings from the specified component.- Parameters:
component
- Component instance
-
remove
- Specified by:
remove
in interfaceStyleElement
- Parameters:
component
- The component
-
getStyleClassName
- Specified by:
getStyleClassName
in interfaceStyleElement
- Returns:
- The style class name or
null
if is not style class for the style settings
-