Resize the toolbar

Answered
Bill Kaper asked on October 9, 2023

Hello,

We would like to remove buttons from the toolbar and keep a few options remaining. I found code examples in previous tickets that show how to filter out (or in) what toolbar options display. What I'm now looking to do is shrink the size/scale of the toolbar itself so it takes up much less height than it does by default. The icon styles and the actions of the buttons are just fine - I'd prefer not to have to roll anything custom to replace the functionality with my own toolbar but leverage your solution with a smaller visual footprint. 

Is there an example you can share that would demonstrate how to shrink the toolbar's scale (and thus height) for whichever tabs are displayed?

Thanks,
Bill

3 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster October 10, 2023

Hello Bill,

Thank you for contacting us.

To resize the Toolbar, we recommend using CSS rules. The idea is to set a custom height for the Toolbar and its icons. Please check the following example for reference: https://jsfiddle.net/flexmonster/coea8xq7/.

Please let us know if it works for you. Looking forward to hearing from you.

Kind regards,
Nadia

Public
Bill Kaper October 11, 2023

This should work. Thank you!

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster October 11, 2023

Hello Bill,

Thank you for the feedback.

Our team is glad that it works for you.

Feel free to contact us in case other questions arise.

Kind regards,
Nadia

Please login or Register to Submit Answer