2016-09-07 7 views
1

У меня есть MenuButtonhttps://openui5.hana.ondemand.com/explored.html#/entity/sap.m.MenuButton/samples в баре с длинными text стоимость недвижимости.Установите ширину sap.m.MenuButton

Я хочу установить width из MenuButton, чтобы показать весь текст.
Если я установил свойство width, я могу установить (уменьшить) длину (2px, 5px, 15px ...), но увеличившись над порогом, кнопка останется до фиксированного максимального размера.

+1

Мое предложение проверить классы Кнопка назначена на. Возможно, в одном из этих классов определена максимальная ширина. Тем не менее длина кнопки должна относиться к длине содержимого. – Kody

+1

'.sapMMenuBtn' имеет' max-width 12rem; ' – herrlock

ответ

1

Это своего рода излишеством, но если вы хотите, чтобы избежать использования пользовательских классов CSS, вы можете обернуть MenuButton с контролем Flexbox (с renderType="Bare") и переопределить максимальную ширину (или набор мин-ширина) с помощью FlexItemData как layoutData.

<HBox renderType="Bare"> 
    <MenuButton text="Hello World" width="600px"> 
    <layoutData> 
     <FlexItemData maxWidth="100%"/> 
    </layoutData> 
    </MenuButton> 
</HBox> 

Overriding max-width of sap.m.MenuButton with FlexItemData


PS: макс-ширина sap.m.MenuButton действительно не документированы. После подачи issue в ссылке API теперь упоминается, что она имеет максимальную ширину.

По визуальному дизайну эта ширина может быть максимум 12rem (192px)

Смежные вопросы