RadToolBar doesn't work in Chrome or IE 9

7 posts, 0 answers
  1. Sam
    Sam avatar
    4 posts
    Member since:
    Apr 2012

    Posted 12 Apr 2012 Link to this post

    I'm currently having an issue where a RadToolBar doesn't work in the latest version of Chrome or Internet Explorer, but does work in Firefox or IE 7.  Essentially, instead of having the HTML that should display the toolbar and the dropdown menu contained within, I have a container div with nothing outside.  I have absolutely no idea what could be causing this, and I was hoping someone could provide guidance on the matter.  Thanks for your help.
  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 17 Apr 2012 Link to this post

    Hello, Sam.

    That's rather odd behaviour for the ToolBar. We do test our code against novel and legacy browsers. Which leads me to believe that there is something specific about your project.

    Could you provide a sample of your project or at least a live URL we could inspect?

    All the best,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sam
    Sam avatar
    4 posts
    Member since:
    Apr 2012

    Posted 17 Apr 2012 Link to this post

    I've attached the relevant code from the aspx page.  Please let me knkow if you need any more information.


    <
    div style="float:right; width:58px; height:24px; right:0px; top:0px; z-index:1">
        <telerik:RadToolBar ID="ActionsMenu" runat="server" OnClientButtonClicking="ActionsMenuClicked"
            Skin="Windows7" OnClientDropDownOpening="OnActionsMenuOpening"
            Width="58px" Height="24px">
            <Items>
                <telerik:RadToolBarDropDown runat="server" DropDownWidth="150px" Height="24px"
                    ImageUrl="~/images/gear.png" meta:resourcekey="RadToolBarDropDownResource1">
                    <Buttons>
                        <telerik:RadToolBarButton runat="server" ImageUrl="~/images/node_add.png"
                            meta:resourcekey="RadToolBarButtonResource1" Owner="" Text=" Add Node"
                            Value="addNode">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" ImageUrl="~/images/node_edit.png"
                            meta:resourcekey="RadToolBarButtonResource2" Owner="" Text=" Edit Node"
                            Value="editNode">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" ImageUrl="~/images/node_delete.png"
                            meta:resourcekey="RadToolBarButtonResource3" Owner="" Text=" Delete Node"
                            Value="deleteNode">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" IsSeparator="True"
                            meta:resourcekey="RadToolBarButtonResource4" Owner="" Value="sep">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" ImageUrl="~/images/accountAdd.png"
                            meta:resourcekey="RadToolBarButtonResource5" Owner="" Text=" Add Account"
                            Value="addAccount">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton runat="server" ImageUrl="~/images/accountAdmin.png"
                            meta:resourcekey="RadToolBarButtonResource6" Owner="" Text=" Edit Account"
                            Value="editAccount">
                        </telerik:RadToolBarButton>
                    </Buttons>
                </telerik:RadToolBarDropDown>
            </Items>
            <ExpandAnimation Duration="100" Type="OutQuint" />
            <CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation>
        </telerik:RadToolBar>
    </div>
    <telerik:RadTreeView ID="EnterpriseTree" runat="server" OnLoad="EnterpriseTree_Load"
        OnNodeExpand="EnterpriseTree_NodeExpand" Skin="Office2007"
        OnNodeClick="EnterpriseTree_NodeClick" style="position:absolute"
        meta:resourcekey="EnterpriseTreeResource1">
    </telerik:RadTreeView>
  5. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 19 Apr 2012 Link to this post

    Hello, Sam

    The toolbar appears to be working normally.

    Now, I do miss a couple of client side functions so I had to remove them. Namely ActionsMenuClicked and OnActionsMenuOpening, as well as the images for the menu.

    I suppose the images are not crucial for this case, but the scripts are, as they might be related. Could you include them as  snippet?

    All the best,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Sam
    Sam avatar
    4 posts
    Member since:
    Apr 2012

    Posted 23 Apr 2012 Link to this post

    I actually removed them from the code while testing, and the failure still persists.  Sorry for copying over the wrong version of the code.
  7. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 27 Apr 2012 Link to this post

    Hello, Sam.

    Without an actual project or a live URL there is little we can do.

    Do you think you can publish your project to a temporary URL so we could take a closer look? Like I said, the menu looks fine, so there must be something else in your code that I am missing / you did not include. A live URL will point us in the right direction where to look for this issue.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  8. Sam
    Sam avatar
    4 posts
    Member since:
    Apr 2012

    Posted 27 Apr 2012 Link to this post

    No?  I can't publish an unreleased product.  Anyway, thanks for your help.  It gives me at least some idea of where to look.  I was mostly just hoping that you had some idea of what kind of issues occur in Chrome and IE but not Firefox.  That's a fairly unusual set of browsers to share the same issue, particularly when related to a particular feature of your product.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017