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
answered on 31 Aug 2009, 11:56 AM
Solved.
0

Aaron Gibbs
Top achievements
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.