I added an image button to the title bar in code behind, everything works well but when hovering over the button I get the drag cursor and I can not click the image Button. This happen only in IE8 , in chrome it works perfectly ( I am able to click the image button).
Any ideas?
3 Answers, 1 is accepted
0
Joseph
Top achievements
Rank 1
Rank 1
answered on 31 Aug 2009, 11:56 AM
Solved.
0
Aaron Gibbs
Top achievements
Rank 2
Rank 2
answered on 03 May 2011, 10:56 PM
Would you kindly share your solution? I'm having the same problem.
0
Hello Aaron,
You could easily make the default cursor appear with a bit of CSS applied to the ASP ImageButton. Here are two ways of applying the same CSS. Use either of them:
1.
or
2.
All the best,
Pero
the Telerik team
You could easily make the default cursor appear with a bit of CSS applied to the ASP ImageButton. Here are two ways of applying the same CSS. Use either of them:
1.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="RadScriptManager1" runat="server"> </asp:ScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <div> <telerik:RadDockLayout ID="RadDockLayout1" runat="server"> <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px"> <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px" Height="300px"> <TitlebarTemplate> <asp:ImageButton ID="Imagebutton1" ImageUrl="~/img/RefreshImage.png" Style="cursor: default !important" runat="server" /> </TitlebarTemplate> <ContentTemplate> Dock's Content </ContentTemplate> </telerik:RadDock> </telerik:RadDockZone> </telerik:RadDockLayout> </div> </form></body></html>or
2.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .removeCursor { cursor: default !important; } </style></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="RadScriptManager1" runat="server"> </asp:ScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <div> <telerik:RadDockLayout ID="RadDockLayout1" runat="server"> <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px"> <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px" Height="300px"> <TitlebarTemplate> <asp:ImageButton ID="Imagebutton1" ImageUrl="~/img/RefreshImage.png" CssClass="removeCursor" runat="server" /> </TitlebarTemplate> <ContentTemplate> Dock's Content </ContentTemplate> </telerik:RadDock> </telerik:RadDockZone> </telerik:RadDockLayout> </div> </form></body></html>All the best,
Pero
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.