[SOLVED]RibbonBarItemButton width

Answered
0
0

Hi,

I’m using the RibbonBar (awesome control) how I can set the width of RibbonBarItemButton to a fixed size?

regards

Cristian

  • You must to post comments
Best Answer
0
0

RibbonBarItemButton have two layouts: Horizontal and Vertical. The Vertical takes up the entire height, but the width is dynamic and set to a max width in the theme mixin (like in the windows ribbon bar). If you want to fix it, set the minWidth property in the theme mixin. Horizontal buttons instead always grow horizontally to fill the remaining space, while the height is dynamic, but it can be controlled in the theme as well.

  • Cristian Zerbinati
    ok thank you Cristian
  • Cristian Zerbinati
    Sorry Luca, but in Theme editor there is nothing about Ribbon or RibbonBarItemButton how can I do?
  • Cristian Zerbinati
    I have put: “ribbonbar-item”: { “inherit”: “button”, “states”: { “default”: { “properties”: { “minWidth”: 300 } } } } if instead ribbonbar-item or RibbonBarItemButton, I set ‘button’ all the button are minWidth=300 but don’t work for ribbon bar button
  • Luca (ITG)
    ribbonbar-item is not the ribbonbar button. The structure is in Ribbonbar.mixin.theme, in there your will find ribbonbar-item/components/button. You can also use the ThemeBuilder, open the RibbonBar.mixin.theme file and navigate to your app using the Ribbbon (you nay have to hit refresh in case the browser in ThemeBuilder didn’t hook up the theme) and theme your app while running.
  • Cristian Zerbinati
    ahhhhhhh RibbonBar.mixin.theme !!! thank you! Solved :-D
  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.