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