Prev: Checking/unchecking all checkboxes in the one column of the gridview
Next: AJAX Control Toolkit
From: Cal Who on 18 May 2010 05:12
I can't get my Treeiew to pay attention to my CssClass. I even used the
following:



<asp:TreeView ShowCheckBoxes="None" ShowExpandCollapse="false"
ID="TreeView1" runat="server"

DataSourceID="SiteMapDataSource2" CssClass="MenuStaticq"
HoverNodeStyle-CssClass="MenuStaticq" LeafNodeStyle-CssClass="MenuStaticq"
NodeStyle-CssClasss="MenuStaticq" ParentNodeStyle-CssClass="MenuStaticq"
RootNodeStyle-CssClass="MenuStaticq"
SelectedNodeStyle-CssClass="MenuStaticq" >

</asp:TreeView>



And:

..MenuStaticq, .MenuStaticq:link, .MenuStaticq:visited, .MenuStaticq:hover,
..MenuStaticq:active

{


text-decoration: none;

font-weight:bold;

font-size: .9em;

}

But it looks like the TreeView insist on using the styles shown below that I
set earlier in the css file for the asp:Menu

Do you know what I'm doing wrong?

Thanks







..MenuStatic, .MenuStatic:link, .MenuStatic:visited, .MenuStatic:hover,
..MenuStatic:active

{

display:inline-table!important;

text-decoration: none;

font-weight:bold;

font-size: .9em;

}

?

a:link

{

font-size:1em;

text-decoration: none;

}

a:visited

{

font-size: 1em;

text-decoration: none;

}

..MenuLink

{

font-size: .9em;

text-decoration: none;

}

..MenuVisted

{

font-size: .9em;

text-decoration: none;

}

a:hover /* for ANY anchor tag underline only when hovering */

{

font-size: 1em;

font-weight:normal;

text-decoration: underline;

cursor: pointer;

}

..MenuHover /* for the asp menu -never underline */

{

font-size: .9em;

font-weight: bold;

text-decoration: none;

cursor: pointer;

}

..MenuHover:hover

{

font-size: .9em;

font-weight: bold;

text-decoration: none;

cursor: pointer;

}

?

?

?




From: Alexey Smirnov on 18 May 2010 14:16
On May 18, 11:12 am, " Cal Who" <CalWhoNOS...(a)roadrunner.com> wrote:
> I can't get my Treeiew to pay attention to my CssClass. I even used the
> following:
>
> <asp:TreeView ShowCheckBoxes="None" ShowExpandCollapse="false"
> ID="TreeView1" runat="server"
>
> DataSourceID="SiteMapDataSource2" CssClass="MenuStaticq"
> HoverNodeStyle-CssClass="MenuStaticq" LeafNodeStyle-CssClass="MenuStaticq"
> NodeStyle-CssClasss="MenuStaticq" ParentNodeStyle-CssClass="MenuStaticq"
> RootNodeStyle-CssClass="MenuStaticq"
> SelectedNodeStyle-CssClass="MenuStaticq" >
>
> </asp:TreeView>
>
> And:
>
> .MenuStaticq, .MenuStaticq:link, .MenuStaticq:visited, .MenuStaticq:hover,
> .MenuStaticq:active
>
> {
>
> text-decoration: none;
>
> font-weight:bold;
>
> font-size: .9em;
>
> }
>
> But it looks like the TreeView insist on using the styles shown below that I
> set earlier in the css file for the asp:Menu
>
> Do you know what I'm doing wrong?
>
> Thanks
>
> .MenuStatic, .MenuStatic:link, .MenuStatic:visited, .MenuStatic:hover,
> .MenuStatic:active
>
> {
>
> display:inline-table!important;
>
> text-decoration: none;
>
> font-weight:bold;
>
> font-size: .9em;
>
> }
>
> ?
>
> a:link
>
> {
>
> font-size:1em;
>
> text-decoration: none;
>
> }
>
> a:visited
>
> {
>
> font-size: 1em;
>
> text-decoration: none;
>
> }
>
> .MenuLink
>
> {
>
> font-size: .9em;
>
> text-decoration: none;
>
> }
>
> .MenuVisted
>
> {
>
> font-size: .9em;
>
> text-decoration: none;
>
> }
>
> a:hover /* for ANY anchor tag underline only when hovering */
>
> {
>
> font-size: 1em;
>
> font-weight:normal;
>
> text-decoration: underline;
>
> cursor: pointer;
>
> }
>
> .MenuHover /* for the asp menu -never underline */
>
> {
>
> font-size: .9em;
>
> font-weight: bold;
>
> text-decoration: none;
>
> cursor: pointer;
>
> }
>
> .MenuHover:hover
>
> {
>
> font-size: .9em;
>
> font-weight: bold;
>
> text-decoration: none;
>
> cursor: pointer;
>
> }
>
> ?
>
> ?
>
> ?

For links (a-tag) you need to specify it in the css

..MenuStaticq,
a.MenuStaticq:link,
a.MenuStaticq:visited,
a.MenuStaticq:hover,
a.MenuStaticq:active
{
....
}

For more information you can read

ASP.NET Web Server Controls and CSS Styles
http://msdn.microsoft.com/en-us/library/h4kete56.aspx

Hope this helps
 | 
Pages: 1
Prev: Checking/unchecking all checkboxes in the one column of the gridview
Next: AJAX Control Toolkit