RichWidget\Tabs_ClientSide Title

RichWidget\Tabs_ClientSide Title

  

Hello every one:

I ues Tabs_ClientSide made 3tabs.But I can't change Title's width.

How should I do?

Hello Wentao,

You can redefine the classes of the tabs widget and make the layout as you need.

Take a look here.

Regards,

Marco Arede wrote:

Hello Wentao,

You can redefine the classes of the tabs widget and make the layout as you need.

Take a look here.

Regards,


I try to add a <div style='width:xx px'>in the title to change it's size.

It's useful,but it can't change the size with the screen size.It's a failed try.

And I try<div style='width:xx%'>.It does't work.



Hello Wentao,

You can place in CSS something like this and will work:

div.Tabs_TabOn, li.Tabs_TabOn,
div.Tabs_TabOff, li.Tabs_TabOff {
    padding: 10px;
    width: 200px;
}

Replace 200px by the size you need.

Regards!

Marco Arede wrote:

Hello Wentao,

You can place in CSS something like this and will work:

div.Tabs_TabOn, li.Tabs_TabOn,
div.Tabs_TabOff, li.Tabs_TabOff {
    padding: 10px;
    width: 200px;
}

Replace 200px by the size you need.

Regards!


Hello Marco

Thank you for your reply.

Your idea it really worked,but when I make the screen size smaller the title just hidden.

I want every title always have 33%screen.

And I try

ul.Tabs_Header {
    height: 43px;
    width: 100%
}

div.Tabs_TabOn, li.Tabs_TabOn,
div.Tabs_TabOff, li.Tabs_TabOff {
    padding: 10px;
    width: 30%;
}

 But Not work.

Do you have any ideas?

Regards