RadToolBar not working?

4 posts, 0 answers
  1. Lasalle
    Lasalle avatar
    2 posts
    Member since:
    Jul 2014

    Posted 24 Jul 2014 Link to this post

    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>
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 24 Jul 2014 in reply to Lasalle Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Lasalle
    Lasalle avatar
    2 posts
    Member since:
    Jul 2014

    Posted 24 Jul 2014 Link to this post

    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.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Jul 2014 in reply to Lasalle Link to this post

    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.
Back to Top