Styling ignored in panel contents

1 posts, 0 answers
  1. Philip
    Philip avatar
    13 posts
    Member since:
    Nov 2011

    Posted 30 Nov 2011 Link to this post

    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
Back to Top