Tab container Font

0
Hi i am new to mendix want to increase font size of Tab container header. Can anyone has any easy idea ?    
asked
2 answers
1

Hi,

You can provide the style or class (e.g. text-bold ) to the tab container in its properties section like below:

You can provide the styling using CSS also.

Please find the links:

https://docs.mendix.com/refguide/tab-container#design-properties

https://docs.mendix.com/howto/front-end/styles

https://www.mendix.com/blog/app-styling-basics-where-to-start-with-look-and-feel/

Hope it help.

answered
0

Hi Shaan,

 

If you want to target all tab containers in your application, you can modify the mx-tabcontainer-tabs style class

.mx-tabcontainer-tabs > li > a {
// or .mx-tabcontainer-tabs * {
    font-size: x-large;
    font-weight: bold;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

I suggest adding a similar snippet in your custom-variables.scss under theme/web/.

 

Cheers

answered