What's New?

How to edit css in textfield and others...

  1. #1
    Nov 03, 2008, 2:44 AM

    How to edit css in textfield and others...

    I have add css in the header for textfield like this

    .x-form-text
    {

    background:#fff url("text-bg.gif") repeat-x 0 0;
    border:2px solid #B5B8C8;
    height: 16px;
    font-family:Segoe UI;
    font-size:9pt;
    width:200px;
    height: 16px;
    }

    the height is not getting set which i provided...

    when i use the default pictures given, it is not loading in ff3

    Thanks in advance
  2. #2
    Nov 04, 2008, 5:28 PM

    RE: How to edit css in textfield and others...



    Hi Madan,

    I ran a test with the css you provided and it appears to be working perfectly for me.

    The following sample demonstrates what I was testing.

    Example

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


<%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" 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>Css Test</title>
    
    <style type="text/css">
        .x-form-text {
            background:#fff url("text-bg.gif") repeat-x 0 0;
            border:2px solid #B5B8C8;
            height: 16px;
            font-family:Segoe UI;
            font-size:9pt;    
            width:200px;
            height: 16px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />

        <ext:TextField ID="TextField1" runat="server" />
    </form>
</body>
</html>
    Hope this helps.
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  3. #3
    Nov 04, 2008, 5:34 PM

    RE: How to edit css in textfield and others...

    Hi,

    try to add !important to css, like this

    height: 16px !important;
  4. #4
    Nov 04, 2008, 5:46 PM

    RE: How to edit css in textfield and others...

    Hi Madan,

    Sorry about that... yes, the !important specifier looks like it's required.*


    Thanks for pointing out the fix Vladimir!


    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter

Similar Threads

  1. [CLOSED] Textfield editor in GridPanel: change string appereance before edit
    By capecod in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 15, 2010, 12:13 PM
  2. Edit GridPanel
    By Maia in forum 1.x Help
    Replies: 4
    Last Post: May 04, 2009, 4:46 PM
  3. Spin Edit
    By fabiomarcos in forum 1.x Help
    Replies: 1
    Last Post: Jan 28, 2009, 11:35 AM
  4. Hide RowBody on GP Edit
    By Tbaseflug in forum 1.x Help
    Replies: 5
    Last Post: Dec 30, 2008, 1:12 PM
  5. GridPanel: Edit Row inside Form TextField
    By OneWingedAngel in forum 1.x Help
    Replies: 7
    Last Post: Dec 09, 2008, 5:54 PM

Posting Permissions