RadToolBarButton image click not navigating

6 posts, 0 answers
  1. Matt
    Matt avatar
    33 posts
    Member since:
    Nov 2010

    Posted 03 Feb 2011 Link to this post

    Hello,

    We have noticed that in Q3 2010 clicking on a RadToolbarButton image does not navigate to the page specified RadToolbarButton NavigateUrl. Clicking on the text or area around the text works fine. (Clicking on an image was working in Q2 2008)

    Here's my code:
    <style type="text/css">
         div.RadToolBarDropDown .rtbWrap
         {
             line-height: 52px;
             padding-left: 57px;
         }
            
         div.RadToolBarDropDown .rtbItemHovered,
         div.RadToolBarDropDown .rtbItemFocused, 
         div.RadToolBarDropDown .rtbItemHovered .rtbWrap,
         div.RadToolBarDropDown .rtbItemFocused .rtbWrap
         {
             background-image: none;
             background-color: #8E8E8E;
         }
     </style>
       
     <telerik:RadToolBar ID="radToolBarMenu" runat="server" Orientation="Vertical">
         <Items>
             <telerik:RadToolBarDropDown runat="server" ImageUrl="~/Images/NewReceipt.jpg" 
                 Text="Receipt">
                 <Buttons>
                     <telerik:RadToolBarButton runat="server" 
                         ImageUrl="~/Images/ReceiptInternal.jpg" NavigateUrl="~/Internal.aspx" 
                         Text="Internal">
                     </telerik:RadToolBarButton>
                     <telerik:RadToolBarButton runat="server" 
                         ImageUrl="~/Images/ReceiptExternal.jpg" NavigateUrl="~/External.aspx" 
                         Text="External">
                     </telerik:RadToolBarButton>
                 </Buttons>
             </telerik:RadToolBarDropDown>
         </Items>
     </telerik:RadToolBar>

    Is it possible to navigate when clicking on the image?

    Thanks,

    Matt
  2. Yana
    Admin
    Yana avatar
    4598 posts

    Posted 07 Feb 2011 Link to this post

    Hello Matt,

    We were able to reproduce this issue with the latest version of the controls and it will be fixed. Thank you for reporting it, I've updated your points.  The work-around is to subscribe to OnClientButtonClicking event and manually navigate the page.

    Regards,
    Yana
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. Matt
    Matt avatar
    33 posts
    Member since:
    Nov 2010

    Posted 11 Jul 2011 Link to this post

    Hello,

    I have just upgraded to Q1 2011 SP2, and this is still an issue. Can you confirm if it was fixed?

    Thanks,

    Matt
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 13 Jul 2011 Link to this post

    Hello Matt,

    We still have not resolved this issue. However, I will forward you it again to our developers and we will try to fix it as soon as possible.

    Kind regards,
    Kate
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  5. Jean-Christian
    Jean-Christian avatar
    2 posts
    Member since:
    Jan 2014

    Posted 16 May Link to this post

    Hi, 

    6 years later, I have the exact same problem witch is really problematic when there is only an image and no text on the button.

    Do you plan to resolve the issue in the next ten years ;-) ?

    Regards,

  6. Rumen
    Admin
    Rumen avatar
    13117 posts

    Posted 19 May Link to this post

    Hello,

    There is a workaround for this issue and it is to apply the following CSS class:

    .rtbImage {
        pointer-events: none;
    }
     

    Best regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top