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

RadToolBarButton image click not navigating

5 Answers 73 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 03 Feb 2011, 11:12 AM
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

5 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 07 Feb 2011, 10:45 AM
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.
0
Matt
Top achievements
Rank 1
answered on 11 Jul 2011, 12:13 PM
Hello,

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

Thanks,

Matt
0
Kate
Telerik team
answered on 13 Jul 2011, 04:50 PM
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.
0
Jean-Christian
Top achievements
Rank 1
answered on 16 May 2017, 07:03 PM

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,

0
Rumen
Telerik team
answered on 19 May 2017, 11:48 AM
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.
Tags
ToolBar
Asked by
Matt
Top achievements
Rank 1
Answers by
Yana
Telerik team
Matt
Top achievements
Rank 1
Kate
Telerik team
Jean-Christian
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or