[Solved] Can we control the width of 'tab' on top?

[Nim]

When testing the following codes:

<% Html.Telerik().TabStrip().Name("Test")
            .Items(tabstrip => {
                tabstrip.Add().Text("Test A")
                    .Content(() => {%>  A Content   <%});                
                tabstrip.Add().Text("Test B")
                    .Content(() => {%>  B Content  <%});                
            })
            .SelectedIndex(1)
            .Render();
%>

I wonder if there is any way to control the width of the tab "Test A" and "Test B" (on top).
For instance, can I make the width of tab "Test A" to be 30% width of the screen, while "Test B" to be 70% width of the screen, or set them with specific size?  Many thanks!

[Dimo]

Hello Nim,

Use HtmlAttributes for that:

tabstrip.Add().Text("Test A").HtmlAttributes(new { style = "width:250px" })

If you specify a percentage width, it will be calculated with regard to the component's width, not the screen width (unless the component is 100% wide).

All the best,
Dimo
the Telerik team

[Nim]

Thank you.

[mahmoud]

and how about the "height" Dimo? 100% doesn't work for height  :-(