Trigger button can be click when add DisabledClass to Combo

  1. #1

    Trigger button can be click when add DisabledClass to Combo

    Hi all,

    Could you please advice how to refine css code for disable trigger button on combo?

    Thank you

    <%@ 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>
     
        <style type="text/css">        
            .my-disabled-combo input {
            	font-size: 15px;
            	color: black; 
            }
        </style>
    </head>
    <body style="margin-top:20px; margin-left:20px;">
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:ComboBox runat="server" Disabled="true" DisabledClass="my-disabled-combo" SelectedIndex="0">
                <Items>
                    <ext:ListItem Text="Item 1" />
                    <ext:ListItem Text="Item 2" />
                    <ext:ListItem Text="Item 3" />
                </Items>
            </ext:ComboBox>
        </form>
    </body>
    </html>
  2. #2
    Hi @Aod47,

    I would suggest a bit different approach.

    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>
      
        <style type="text/css">        
            .my-combo .x-item-disabled {
                opacity: 1;
            }
    
            .my-combo .x-item-disabled input {
                color: black !important;
                font-size: 15px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:ComboBox runat="server" Disabled="true" CtCls="my-combo" SelectedIndex="0">
                <Items>
                    <ext:ListItem Text="Item 1" />
                    <ext:ListItem Text="Item 2" />
                    <ext:ListItem Text="Item 3" />
                </Items>
            </ext:ComboBox>
        </form>
    </body>
    </html>
  3. #3
    Wow ! Thank you so much.

Similar Threads

  1. Replies: 2
    Last Post: Mar 21, 2012, 11:06 AM
  2. [CLOSED] disabledclass for IE
    By AnulekhaK in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jan 27, 2012, 1:21 PM
  3. Replies: 3
    Last Post: Dec 10, 2009, 10:51 AM
  4. [CLOSED] Combo with Ajax and Trigger
    By tdracz in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jul 16, 2009, 2:02 PM
  5. combo box stop trigger
    By [WP]joju in forum 1.x Help
    Replies: 2
    Last Post: Mar 12, 2009, 8:35 AM

Tags for this Thread

Posting Permissions