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 FlexIf 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 FlexALIGN_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 FlexIf 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 FlexALIGN_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 FlexIf 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 FlexALIGN_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 FlexIf 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 FlexALIGN_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 FlexIf 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 FlexALIGN_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 FlexVertical 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 FlexALIGN_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 FlexVertical 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 FlexALIGN_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 FlexVertical 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 FlexALIGN_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 FlexVertical 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 FlexALIGN_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 FlexExtends the vertical size of the item to full size for all screen sizes in the flex container.static FlexALIGN_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 FlexVertical alignment of an item to the baseline of the column.static FlexALIGN_SELF_BASELINE(ScreenSize screenSize) Vertical alignment of an item to the baseline of the column.static FlexVertical alignment of an item to the center of the column.static FlexALIGN_SELF_CENTER(ScreenSize screenSize) Vertical alignment of an item to the center of the column.static FlexVertical alignment of an item to the bottom of the column.static FlexALIGN_SELF_END(ScreenSize screenSize) Vertical alignment of an item to the bottom of the column.static FlexVertical alignment of an item to the top of the column.static FlexALIGN_SELF_START(ScreenSize screenSize) Vertical alignment of an item to the top of the column.static FlexExtends the vertical size of an item according to the column size.static FlexALIGN_SELF_STRETCH(ScreenSize screenSize) Extends the vertical size of an item according to the column size.voidstatic FlexFILL()Sets an item to fill the available space in the flexible container for all screen sizes.static FlexFILL(ScreenSize screenSize) Sets an item to fill the available space in the flexible container for the specified and bigger screen sizes.static FlexIn the flex container, items are arranged into a column below one another for all screen sizes, in the order the items were created.static FlexFLEX_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 FlexIn the flex container, the items are arranged in a column for all screen sizes, in the reverse order the items were created.static FlexFLEX_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 FlexFLEX_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 FlexFLEX_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 FlexIn the flex container, the items are arranged in a row for all screen sizes, in the reverse order the items were created.static FlexFLEX_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 FlexGROW()Dynamically resizes an item to fill all available space while leaving all other items required for each screen size.static FlexGROW(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 FlexIn 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 FlexJUSTIFY_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 FlexIn the flex container, the items are at an equal distance from each other for all screen sizes.static FlexJUSTIFY_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 FlexIn the flex container, the items are aligned to the center for all screen sizes.static FlexJUSTIFY_CONTENT_CENTER(ScreenSize screenSize) In the flex container, the items are aligned to the center for the specified or bigger screen sizes.static FlexIn the flex container, the items are aligned to the back for all screen sizes.static FlexJUSTIFY_CONTENT_END(ScreenSize screenSize) In the flex container, the items are aligned to the back for the specified and bigger screen sizes.static FlexIn the flex container, the items are aligned to the front for all screen sizes.static FlexJUSTIFY_CONTENT_START(ScreenSize screenSize) In the flex container, the items are aligned to the front for the specified and bigger screen sizes.static FlexNOWRAP()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 FlexNOWRAP(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.voidstatic voidremoveAllFlexSettings(Component<?> component) Removes all flex display settings from the specified component.static FlexSHRINK()Enable forcing an item to shrink to leave more space for other elements in the flexible container.static FlexSHRINK(ScreenSize screenSize) Enable forcing an item to shrink to leave more space for other elements in the flexible container.static FlexWRAP()The items in the flexible container are placed in a new row if they do not fit next to each other.static FlexWRAP(ScreenSize screenSize) The items in the flexible container are placed in a new row if they do not fit next to each other.static FlexThe flex container is populated starting from the bottom.static FlexWRAP_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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- 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 theScreenSizeenum.- Returns:
- Flex setting
-
apply
- Specified by:
applyin interfaceStyleElement- Parameters:
component- The component
-
removeAllFlexSettings
Removes all flex display settings from the specified component.- Parameters:
component- Component instance
-
remove
- Specified by:
removein interfaceStyleElement- Parameters:
component- The component
-
getStyleClassName
- Specified by:
getStyleClassNamein interfaceStyleElement- Returns:
- The style class name or
nullif is not style class for the style settings
-