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

How to change cursor to pointer for all buttons on the form

1 Answer 534 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Nirav
Top achievements
Rank 1
Nirav asked on 14 Jan 2011, 09:49 PM
Hi,
I am having RadDecorator, radgrid, radtoolbar, radtabstrip on my form.

I have applied WebBlue skin everywhere.
I have some ASP:Buttons on my page, some are inside grid template as well.

But I want to achieve two things.
1. How do I change cursor to pointer when cursor is on any of the button on the form? I want to display cursor to pointer for all the buttons on my form.
2. How do I change all the fonts on my page to look similar? I mean how do I define all the fonts of my page to be same?
I tried adding
body ,form *
        {
            font-family: Wingdings 3!important;
            font-size: 10px!important;
        }

but somehow if I add form* as above, radcombobox are not getting filled up and there are some weird javascript errors are displayed on screen.

thanks in advance

1 Answer, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 18 Jan 2011, 09:11 AM
Hello Nirav,

Please find a sample code showing how to implement cursor pointer to the buttons in RadFromDecorator when button is hovered:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
    <style type="text/css">
        /* that will make the button to behave with cursor pointer on hover */
        .rfdSkinnedButton,
        .rfdDecorated
        {
            cursor: pointer !important;
        }
         
        /* that will make the button to behave with nomral curosir on hover when button is disabled */
        .rfdSkinnedButton.rfdInputDisabled,
        .rfdInputDisabled .rfdDecorated
        {
            cursor: auto !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="sc1" runat="server">
    </asp:ScriptManager>
    <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" Skin="Sunset" />
    <input type="button" value="Button Type" /><br />
    <input type="submit" value="Submit Type" /><br />
    <asp:Button ID="btn1" runat="server" Text="ASP Button" /><br />
    <asp:Button ID="Button1" runat="server" Text="ASP Disabled Button" Enabled="false" />
    </form>
</body>
</html>

As for your second question about changing fonts, you could read the following forum threads:

http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/font-change-for-all-controls.aspx and http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/how-to-changed-font-all-telerik-control.aspx

 Regards,
Bojo
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
Tags
General Discussions
Asked by
Nirav
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Share this question
or