Can I make the text in the section tabs break in to lines?

Last updated Sep 24 2019

When you create your tabbed section you need to set a text for each tab. This text is usually short, especially when you want to fit more tabs in. However, you sometimes have a few words in the tab text and would rather break them into 2 or more lines to save space.
So how can this be done? Easily with CSS.
All you have to do is:
1- Insert a CSS code in the form
Go to ‘Properties panel’> ‘Form’ tab > ‘Style’ option > ‘CSS’ category
And paste the following code:
.my_Custom_section .section-tab-list .SectionTab{white-space: normal;}

2- Give the tabbed section the class name.
- Select the section on canvas
- Go to ‘Properties panel’> ‘Element’ tab > ‘Style’ option > choose "Tabs" in "apply style to" dropdown >
- Open ‘CSS name’ category
and enter the class name:
my_Custom_section

3- Specify the tab width, to break the lines.
- Go to ‘Properties panel’> ‘Element’ tab > ‘Style’ option >
- Choose “Tabs” in the “Apply style to” dropdown
- Open the ‘Size and position’ category and specify the width (for example 120).
- You will then see the text break into lines.

CommentsLogin Required
Didn’t find what you were looking for?
Try the following for assistance or Use the Search box.