What's New?

Disabling MenuItems Icon at client side

Page 1 of 3 123 LastLast
  1. #1
    May 25, 2011, 12:41 PM

    Disabling MenuItems Icon at client side

    Hi,

    I'm disabling MenuItems at client side in this way:

     
mnRefresh.setDisabled(isNew);
    But instead menu-item is disable, its associated icon appears as enabled. If I permorm the same action to a Button, both button and icon appear as disabled.

    How can the icon of a menu-item be disabled?

    Thanks in advance,

    Dominik.
  2. #2
    May 25, 2011, 1:04 PM
    For me it works:

    <form id="Form1" runat="server">
      <ext:ResourceManager ID="ResourceManager1" runat="server" IDMode="Explicit" />              
        <ext:Panel ID="Panel1" runat="server" 
            Width="350" Layout="Accordion">
            <Items>
                <ext:MenuPanel ID="MenuPanel1" runat="server" 
                    Title="Users" 
                    Icon="User">
                    <Menu ID="Menu1" runat="server">
                        <Items>
                            <ext:MenuItem ID="MenuItem1" runat="server" Text="Item to hide." Icon="UserEarth" />
                            <ext:MenuItem ID="MenuItem2" runat="server" Text="Item to show." Icon="UserComment" />
                        </Items>                                           
                    </Menu>                          
                    <Listeners>
			<Activate Handler="#{MenuItem1}.setDisabled(true);" />
                    </Listeners>                                                              
                </ext:MenuPanel>
            </Items>
        </ext:Panel>
    </form>
    Are you using .Icon or .IconCls on MenuItem?
  3. #3
    May 25, 2011, 1:38 PM
    Hi,

    Well, I'm using version 1RC.

    My definition is as follows:

    <ext:MenuItem ID="mnRefresh" Text="Refresh" Icon="Add" 
         Handler="function () {#{btnRefresh}.fireEvent('click');}" />
    Note in my attached file how Add icon at MenuItem looks enabled whereas the toolbar button icon at the right is disable.

    Regards,

    Dominik.
    Attached Thumbnails Click image for larger version.  Name: MenuItem.jpg  Views: 116  Size: 27.0 KB  ID: 2770  
  4. #4
    May 25, 2011, 2:41 PM
    You should post your code...

    Anyway try to set DisabledClass="itemDisabled" on menuItem

    where 

    .itemDisabled 
{
  color: gray ;
  cursor: default;
  opacity: .6 ;
  -moz-opacity: .6 ;
  filter: alpha(opacity=60);
}
  5. #5
    May 30, 2011, 8:31 AM
    Hi alainfo,

    Thanks for your interest, but it only works for text and it is not working for the menu-item icon.

    If I apply this for Cls attribute for example, only text is disabled.
  6. #6
    May 30, 2011, 11:50 AM
    Hi all,

    Menu items look disabled for me. Here is my test case.

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

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Menu runat="server" Floating="false" Disabled="true">
            <Items>
                <ext:MenuItem runat="server" Text="Item 1" Icon="Accept" />
                <ext:MenuItem runat="server" Text="Item 2" Icon="Add" />
                <ext:MenuItem runat="server" Text="Item 3" Icon="Anchor" />
            </Items>
        </ext:Menu>
    </form>
</body>
</html>
    Dominik, can you confirm that it looks disabled on your side as well? If yes, please provide your test case to reproduce.
  7. #7
    May 30, 2011, 1:24 PM
    Hi,

    Well, what I want to perform is something like this:

    <ext:Menu runat="server" Floating="false" Height="100">
         <Items>
                 <ext:MenuItem runat="server" Text="Item 1" Icon="Accept" Disabled="true" />
                 <ext:MenuItem runat="server" Text="Item 2" Icon="Add" />
                 <ext:MenuItem runat="server" Text="Item 3" Icon="Anchor" />
         </Items>
</ext:Menu>
    Note how icon is not disabled in this case.

    Regards,

    Dominik.
  8. #8
    May 30, 2011, 1:43 PM
    What browser do you test under?
  9. #9
    May 30, 2011, 1:58 PM
    At the moment I'm using IE8
  10. #10
    May 30, 2011, 2:30 PM
    Try this, for me worked on IE9:

    <html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
    <title>Test</title>
   <style  type="text/css">
		.itemDisabled 
			{
				filter: alpha(opacity=50);
				zoom: 1;
			}
   </style>
</head>
<body>
    <form id="Form1" runat="server">
      <ext:ResourceManager ID="extsm" runat="server" />              
        <ext:Panel ID="Panel1" runat="server"
            Width="350" Layout="Accordion">
            <Items>
                <ext:MenuPanel ID="MenuPanel1" runat="server"  Title="Users"  Icon="User">
                    <Menu ID="Menu1" runat="server">
                        <Items>
                            <ext:MenuItem ID="MenuItem1" runat="server" Text="Item to hide." Disabled="true" Cls="itemDisabled" Icon="UserEarth" />
                            <ext:MenuItem ID="MenuItem2" runat="server" Text="Item to show." Icon="UserComment" />
                        </Items>                                           
                    </Menu>                                                                                      
                </ext:MenuPanel>
            </Items>
        </ext:Panel>
		</form>
</body>
</html>
Page 1 of 3 123 LastLast

Similar Threads

  1. [CLOSED] Store to be client-side or server-side paginated upon the checkbox change
    By Aparna_B in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 26, 2011, 1:32 PM
  2. [CLOSED] Adding Items to Store Client-side, want to retrieve server side
    By rthiney in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 01, 2010, 5:14 PM
  3. [CLOSED] [1.0] setting famfamfam Icon from client side
    By webclouder in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jul 19, 2010, 11:03 AM
  4. Grid Client Transactions(Client side insert/edit/delete)
    By kumarxlnt in forum 1.x Help
    Replies: 0
    Last Post: Sep 17, 2009, 8:04 AM
  5. Set Panel Icon Client Side
    By Tbaseflug in forum 1.x Help
    Replies: 2
    Last Post: Apr 29, 2009, 2:21 PM

Tags for this Thread

Posting Permissions