I tried to implement the RadToolbar by following the documentation http://www.telerik.com/help/aspnet-ajax/toolbar-appearance-css-file.html. However, it seems the dropdown toolbar is not working. Could anyone help make it work? I've spent four days on this file, but am still not able to make it work.
thanks
thanks
<
html
>
<
head
>
<
title
>Toolbar dropdown test</
title
>
<
style
type"text/css"
media
=
"screen"
>
.RadToolBar_Green_Horizontal{ background: #90cc90;}
</
style
>
<
link
href
=
"https://d35islomi5rx1v.cloudfront.net/ajaxz/2011.1.315/ToolBar.css"
type
=
"text/css"
rel
=
"stylesheet"
class
=
"Telerik_stylesheet"
/>
<
link
href
=
"https://d35islomi5rx1v.cloudfront.net/ajaxz/2011.1.315/Office2007/ToolBar.Office2007.css"
type
=
"text/css"
rel
=
"stylesheet"
class
=
"Telerik_stylesheet"
/>
</
head
>
<
body
leftmargin
=
"0"
marginwidth
=
"0"
topmargin
=
"0"
marginheight
=
"0"
bgcolor
=
white
>
<
div
id
=
"RadToolBar1"
class
=
"RadToolBar RadToolBar_Horizontal RadToolBar_Green RadToolBar_Green_Horizontal "
style
=
"z-index: 90000;"
>
<!-- content of toolbar -->
<
div
class
=
"rtbOuter"
>
<
div
class
=
"rtbMiddle"
>
<
div
class
=
"rtbInner"
>
<!-- Tool bar content goes here -->
<
ul
class
=
"rtbUL"
>
<
li
class
=
"rtbItem rtbSplBtn"
>
<!-- Content of RadToolBarSplitButton goes here -->
<
a
class
=
"rtbWrap"
href
=
"#"
>
<
span
class
=
"rtbOut"
>
<
span
class
=
"rtbMid"
>
<
span
class
=
"rtbIn"
>
<!-- button content goes here -->
Dropdown here
<
div
class
=
"rtbSlide"
style
=
"display: none;"
>
<
div
class
=
"RadToolBarDropDown rtbDropDownExpanded RadToolBarDropDown_Green"
>
<
ul
class
=
"rtbActive rtbGroup"
>
<
li
class
=
"rtbItem"
>
<
a
href
=
"#"
class
=
"rtbWrap"
>
<
img
alt
=
""
src
=
"Images/First.gif"
class
=
"rtbIcon"
/>
<
span
class
=
"rtbText"
>First</
span
>
</
a
>
</
li
>
<
li
class
=
"rtbItem"
>
<
a
href
=
"#"
class
=
"rtbWrap"
>
<
img
alt
=
""
src
=
"Images/Last.gif"
class
=
"rtbIcon"
/>
<
span
class
=
"rtbText"
>Last</
span
>
</
a
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
span
>
</
span
>
</
span
>
</
a
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>