Как мне указать размер кнопки в webos-enyo?

Question

Внутри скроллера я хочу вертикальный список кнопок (например, x, y, z) с 5 полями после каждой кнопки.Когда кнопка нажата, я хочу, чтобы одно из полей переключалось с выключенного на включенное.

{X}[0][0][0][0][0]

{Y}[1][0][0][0][0]

{Z}[1][1][1][1][0]

Как установить размер кнопок (X, Y, Z), чтобы я мог иметь несколько элементовна той же строке?

Текущий код кнопки, взятый из учебника enyo:

{kind: "Button", caption: "X", onclick: "buttonClick", className: "enyo-button-dark"}

Answer 1

Мартин ответил правильно. Расставьте все внутри HFlexBox и используйте Flex. То есть, если вы хотите, чтобы ширина кнопки увеличивалась вместе с шириной контейнера. Кроме того, вы можете применить стиль к кнопке с помощью CSS. e.g.:

{kind: "Button", style: "width: 250px; height: 60px;", ...

или добавьте класс к кнопке и примените стиль таким образом.

Answer 2

Чтобы кнопки имели фиксированный размер, но позволяли другим элементам заполнять оставшееся пространство, установите ширину кнопки в явном виде и ширину других элементов со значениями flex.Таким образом, размер кнопок никогда не изменится, но остальные столбцы всегда будут равномерно заполнять оставшееся пространство.