[CLOSED] ComboBox Css Style Design

  1. #1

    [CLOSED] ComboBox Css Style Design

    Hi Team Ext.Net How Can I do a ComboBox with a style as in the picture:

    Click image for larger version. 

Name:	ComboBoxDesign.png 
Views:	129 
Size:	4.3 KB 
ID:	6157

    I want a guidance on how to do that.

    Regards
    Last edited by Daniil; May 09, 2013 at 3:55 AM. Reason: [CLOSED]
  2. #2
    Hello!

    You can start with the following example:

    <%@ Page Language="C#" %>
    
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Ext.NET Examples</title>
        <style>
            .x-form-empty-field {
                color: brown;
            }
    
            .x-form-focus {
                color: brown;
            }
    
            .x-boundlist-item {
                color: gray;
            }
    
            .x-boundlist-item-over {
                color: #FFF;
                background: none repeat scroll 0 0 brown;
            }
    
            .x-form-trigger {
                /*background: url('url_to_your_sprite_for_trigger');*/
            }
        </style>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
       
        <ext:ComboBox runat="server" EmptyText="Pick a Month">
            <Items>
                <ext:ListItem Text="January" />
                <ext:ListItem Text="February" />
                <ext:ListItem Text="March" />
                <ext:ListItem Text="April" />
                <ext:ListItem Text="May" />
                <ext:ListItem Text="June" />
                <ext:ListItem Text="July" />
            </Items>
        </ext:ComboBox>
    </body>
    </html>
    However, you have to prepare your own sprite images for triggers and customize scrollbars. I think this article will be helpful: http://webdesign.tutsplus.com/tutori...our-ui-design/

Similar Threads

  1. [CLOSED] ComboBox style
    By osef in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Apr 19, 2013, 8:23 AM
  2. [CLOSED] Combobox icon style
    By bayoglu in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 03, 2013, 2:09 PM
  3. [CLOSED] FontFamily style in ComboBox
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Jun 01, 2012, 10:19 AM
  4. [CLOSED] ComboBox style help
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 12, 2009, 7:52 AM

Tags for this Thread

Posting Permissions