Hello,
I have seen the implemented solutioin for this here:
http://www.telerik.com/community/forums/aspnet/treeview/show-image-at-right-side-of-selected-node.aspx
however I have not been able to use this for multiple buttons to the right of the selected treeview node...
I have tried everything to get my code working, and am trying to copy how the radfilter creates the buttons in the rfTool div box...
right now i have the following as a nodetemplate:
with the following css defined:
the class "boolTreeHover " is applied to the "selectedCssClass" property of the node in the code-behind.
the attached image shows what is rendered...
for some reason i *cannot* get the two anchor tags to render inline with the other two labels...
if i put the whole template into one div box, it renders on the same line, but the float:left css renders the buttons BEFORE the labels, rather than after.
any help would be greatly appreciated... thanks!
I have seen the implemented solutioin for this here:
http://www.telerik.com/community/forums/aspnet/treeview/show-image-at-right-side-of-selected-node.aspx
however I have not been able to use this for multiple buttons to the right of the selected treeview node...
I have tried everything to get my code working, and am trying to copy how the radfilter creates the buttons in the rfTool div box...
right now i have the following as a nodetemplate:
<
NodeTemplate
>
<
div
>
<
asp:Label
style
=
"display:inline;"
/>
<
asp:Label
style
=
"display:inline;"
/></
div
>
<
div
>
<
a
id
=
"tnb1"
class
=
"tnTool"
>firstButton</
a
>
<
a
id
=
"tnb2"
class
=
"tnTool"
>firstButton</
a
></
div
>
</
NodeTemplate
>
with the following css defined:
.tnTool
{
background-image
:
url
(
'/Images/FileExplorerToolbarSprites.png'
);
visibility
:
hidden
;
text-indent
:
-3333px
;
text-decoration
:
none
;
float
:
left
;
white-space
:
nowrap
;
width
:
0px
;
height
:
0px
;
}
.boolTreeHover .tnTool
{
display
:
inline
;
visibility
:
visible
!important
;
width
:
18px
;
height
:
18px
;
}
#tnb
1
.tnTool:hover {
background-position
:
0
-18px
;}
#tnb
2
.tnTool:hover {
background-position
:
0
-36px
;}
the class "boolTreeHover " is applied to the "selectedCssClass" property of the node in the code-behind.
the attached image shows what is rendered...
for some reason i *cannot* get the two anchor tags to render inline with the other two labels...
if i put the whole template into one div box, it renders on the same line, but the float:left css renders the buttons BEFORE the labels, rather than after.
any help would be greatly appreciated... thanks!