What's New?

[CLOSED] change mouse cursor

  1. #1
    May 09, 2011, 6:51 AM

    [CLOSED] change mouse cursor

    we are using coolite v0.8. in image button we are provided the disable mode. but disabled images is not a big different.

    How to change the cursor, Hand to Pointer?

    we are tried following css but it is not working

    <ext:ImageButton runat="server" ID="btnExpExcel" ImageUrl="~/images/toolbar/excel.png" DisabledClass="img-disable" Disabled="true">
                                                                    </ext:ImageButton>
    .img-disable 
{
    opacity:0.4;
    filter:alpha(opacity=40);
    cursor:pointer;
}
    Last edited by Daniil; May 17, 2011 at 1:53 PM. Reason: [CLOSED]
  2. #2
    May 09, 2011, 9:12 AM
    Hi,

    For me the button in the following sample looks disable. Please provide a screen-shot how it looks on your side.

    Example
    <%@ Page Language="C#" %>

<!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>Coolite 0.8.x Example</title>
    <style type="text/css">
        .my-disabled {
            opacity: 0.4;
            filter: alpha(opacity=40);
            cursor: pointer;
        }
    </style>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:ImageButton 
        runat="server" 
        ImageUrl="/images/button.gif" 
        DisabledClass="my-disabled" 
        Disabled="true" />
    </form>
</body>
</html>
    Also please note that you can use DisabledImageUrl to achieve your requirement.
  3. #3
    May 09, 2011, 9:40 AM
    yes working now. but on press the button it will show the hand cursor.

    also how to disable mouse over background color.
    Attached Thumbnails Click image for larger version.  Name: sample.JPG  Views: 87  Size: 3.2 KB  ID: 2689  
  4. #4
    May 09, 2011, 12:37 PM
    Quote Originally Posted by speedstepmem3 View Post
    but on press the button it will show the hand cursor.
    Must be
    cursor: default;
    instead of 
    cursor: pointer;
    also how to disable mouse over background color.
    Please clarify how is the button you demonstrate configured? In other words, how can I reproduce it?

Similar Threads

  1. How to: Change checkbox editor value on mouse click
    By retto in forum 1.x Help
    Replies: 1
    Last Post: Jun 05, 2012, 1:54 PM
  2. [CLOSED] Ext:Image: How I can change the image when mouse over?
    By supera in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: May 11, 2012, 11:10 AM
  3. Grid Image Command's Mouse Cursor
    By dtamils in forum 1.x Help
    Replies: 2
    Last Post: Aug 05, 2011, 1:51 AM
  4. [CLOSED] Cursor bug in IE9
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 06, 2011, 5:15 PM
  5. [CLOSED] How to change the appearence of a button when the mouse is hovered on a button or the button is clicked?
    By flormariafr in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 02, 2010, 6:32 PM

Posting Permissions