Override Default Styles

2 posts, 0 answers
  1. Ramjet
    Ramjet avatar
    51 posts
    Member since:
    Jul 2009

    Posted 12 Jul 2011 Link to this post

    Hello,

    Maybe I don't understand correctly but I thought that I could override the default css styling....?? For example
    telerik:RadTreeView ID="MyAppsTreeView" runat="server" CheckBoxes="True" TriStateCheckBoxes="true" CheckChildNodes="true" Skin="Windows7">
        <Nodes>
            <telerik:RadTreeNode Text="Centura Health Resource" Expanded="true" CssClass="CategoryNode">
                <Nodes>........

    and I have a css file:
    .CategoryNode
    {
        width: 186px !important;
        height: 35px !important;
        background: transparent url('../images/PhysSteth.png') no-repeat !important;
    }

    The image displays as it should but the width and height do not???

    Any help would be greatly appreciated.



  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 13 Jul 2011 Link to this post

    Hello John,

    By default the nodes are inline elements which means they don't have width. You can try adding this CSS rule in your page to make the nodes inline-block elements:
    CSS:
    <style type="text/css">
    div.RadTreeView span.rtIn
    {
       display:inline-block;
    }
    </style>

    Now you can set the width.

    Thanks,
    Shinu.
Back to Top