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:
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
<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