PanelBar font size

[WombatEd]

[I'm a total newbie using Telerik MVC, so forgive me if this is obvious to you; I did Google it.]

My PanelBar defaults to a very small font (6 pt?), and I want to make it bigger.

For reasons that I shouldn't have to explain, I don't want to edit the Telerik .CSS files.

I've added an overriding style to my own .CSS, but it uses "!important", which where I come from, is severely frowned upon.

.t-link
{
    font-size:  8pt !important;
}

Does anybody know a cleaner approach, like a .FontSize("8pt") method?

[Andy]

There's an .HtmlAttribute method on PanelBar that you can put your style overrides in.   Check out some of the samples on the product page.

I use this:

 

 

    <% Html.Telerik().PanelBar()
        .Name("ShortcutMenuPanel")
        .HtmlAttributes (new { style = "padding: 10px;"})
        .Items(items =>
        {
            items.Add().Text("Shortcuts")
                .Expanded(true)
                .Content(() =>
            { %>
            <div> <p>Content snipped</p>
            </div>
            <% });
        })
        .Render();
    %>

It wasn't obvious to me either.

Andy

[Alex Gyoshev]

Hello Andy, Edward

The MVC components usually inherit their font-size from the container they are placed into. So you can, as Andy said, override their initial font size through the HtmlAttributes method, like
    .HtmlAttributes(new { style = "font-size: 12px" })

Or you can set the font-size of the page, like we did in the online examples:

    body { font-size: .75em; } 

Kind regards,
Alex Gyoshev
the Telerik team