We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

Toolbar customization alignment

Closed
raviteja asked on June 29, 2022

Based on above suggestion I can customize toolbar and  its name is not visible clearly since the text is bigger. How can we show full name of the tab ? 
In the image I wanted to see "Drill down to Line" . Can we get some thoughts.

Attachments:
flex-toolbar.PNG

3 answers

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster June 30, 2022

Hello!
 
Thank you for contacting us.
 
Kindly note that you can change the width of a specific Toolbar tab by overriding some CSS styles using the tab's id, e.g.: 

#fm-tab-newtab {
  width: 120px !important;
}

Since the icon is responsive and relies on the width of the tab, we should also add some styles to fit it into the container. 
We have prepared an example for visualization: https://jsfiddle.net/flexmonster/h6awfs79/.
 
Please note that the styles in your implementation can differ from the ones we use in our example.
 
Hope you will find this answer helpful.
 
Regards,
Solomiia

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster July 7, 2022

Hello!

Hope you are doing well.

Our team is wondering if you had some time to check the suggested approach and customize the Toolbar tabs. Could you please let us know if it works for you?

Looking forward to your response.

Regards,
Solomiia

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster July 15, 2022

Hello!

Hope you are having a great week.

Just checking in to ask if our Toolbar customization approach was helpful.

Looking forward to your feedback.

Regards,
Solomiia

This question is now closed