This is a migrated thread and some comments may be shown as answers.

TabStrip Width

1 Answer 92 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Timothy
Top achievements
Rank 1
Timothy asked on 20 Jul 2015, 12:30 PM

Hello,

 

I am using a RadTabStrip and would like to know if there is a way to set the width while using alignment="Justify"?

 

I have 2 tabs and would like to split those over the whole TabStrip... with the right side tab having a set width and the left side tab justifying to fill the hols TabStrip.

 

Could you tell me how to accomplish this?

 

Thanks

 

Tim

1 Answer, 1 is accepted

Sort by
0
Aneliya Petkova
Telerik team
answered on 22 Jul 2015, 11:35 AM
Hi Tim,

You can achieve this scenario using RadTabStrip in Lightweight render mode and flex CSS property:
.rtsUL {
    display: flex;
}
 
.rtsLI:last-child {
    flex: 1 0 auto;
}
 
.rtsLI {
    width: 300px !important;
}

Attached you may find an example.

Hope this will be helpful.

Regards,
Aneliya Petkova
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
TabStrip
Asked by
Timothy
Top achievements
Rank 1
Answers by
Aneliya Petkova
Telerik team
Share this question
or