This is a migrated thread and some comments may be shown as answers.

RadToolBar not working?

3 Answers 127 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Lasalle
Top achievements
Rank 1
Lasalle asked on 24 Jul 2014, 09:12 PM
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

<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>

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 25 Jul 2014, 04:02 AM
Hi Lasalle,

The help documentation you mentioned is used to learn the styles for RadToolBar. The documentation is mentioning about how the control is rendered and the CSS class of the control. Please follow this online demo to implement RadToolBar.

Thanks,
Shinu.
0
Lasalle
Top achievements
Rank 1
answered on 25 Jul 2014, 04:17 AM
I need to implement the drop down toolbar in .asp file, not aspx. The demo is for aspx file. So it doesn't apply here.
0
Shinu
Top achievements
Rank 2
answered on 29 Jul 2014, 12:07 PM
Hi Lasalle,

In order to achieve your scenario you have to use RadControls "Classic" which is the older version.  RadControls "Classic" are no longer updated, you need to use .net 1.1 or better version.

Thanks,
Shinu.
Tags
ToolBar
Asked by
Lasalle
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Lasalle
Top achievements
Rank 1
Share this question
or