hbox
hbox располагает все вложенные компоненты в одну горизонтальную строку.
-
XML-элемент:
hbox -
Java-класс:
HorizontalLayout
Основы
Пример расположения трех компонентов в одной строке:
<hbox id="hbox">
<textField placeholder="TextField"/>
<button text="OK"/>
<button text="Cancel"/>
</hbox>
Атрибуты
id - alignItems - alignSelf - boxSizing - classNames - colspan - css - enabled - expand - height - justifyContent - margin - maxHeight - maxWidth - minHeight - minWidth - padding - spacing - themeNames - visible - width
boxSizing
Задает способ вычисления общей ширины и высоты элемента. Возможные значения: UNDEFINED, CONTENT_BOX, BORDER_BOX. Смотрите также: страницу MDN о box-sizing.
expand
Указывает компонент внутри контейнера, который должен быть расширен для использования всего доступного пространства. В случае hbox этот атрибут устанавливает ширину компонента на 100%.
justifyContent
Определяет, как браузер распределяет пространство между элементами содержимого и вокруг них. Возможные значения:
-
START -
END -
CENTER -
BETWEEN -
AROUND -
EVENLY
margin
Определяет отступ между внешними границами и содержимым контейнера. Возможные значения: true, false. Смотрите также: страницу MDN о margin. Значение по умолчанию - false.
padding
Устанавливает внутренние отступы со всех четырех сторон элемента одновременно. Возможные значения: true, false. Смотрите также: страницу MDN о padding. Значение по умолчанию - false.