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

Styling ignored in panel contents

0 Answers 70 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Philip
Top achievements
Rank 1
Philip asked on 01 Dec 2011, 01:09 AM
I have a very basic PanelBar and I'm defining the contents of each panel within a div. Any styling I apply to the HTML within the div appears to be ignored. Here is an example:

<div>
    <ul id="panelbar">
        <li class="k-state-active"><span class="k-link k-state-selected panelbar-header">Client
            Information</span>
            <div style="padding: 10px;">
                Contract State: <strong>@Model.ContractState</strong><br />
                Contract Type: <strong>@Model.ContractType</strong><br />
                Effective Date: <strong>@Model.EffectiveDate.ToShortDateString()</strong><br />
                Renewal Date: <strong>@Model.RenewalDate.ToShortDateString()</strong><br />
            </div>
        </li>
    </ul>
</div>

even the <strong></strong> tags around the text objects is being completely ignored. I tried enclosing these within a <span> with styling and that didn't work either.

Is there something I need to do to make sure that my styles/formatting isn't overridden? Thanks.


UPDATE: Looks like the default font size setting on the panel contents was negating the styling. I changed the font-size on the div tag and everything seems to be working okay now. Thanks

No answers yet. Maybe you can help?

Tags
PanelBar
Asked by
Philip
Top achievements
Rank 1
Share this question
or