1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    4
    Vote Rating
    0
    naguws2004 is on a distinguished road

      0  

    Default Unanswered: Applying fieldCls to Ext Date field positions picker icon to left

    Unanswered: Applying fieldCls to Ext Date field positions picker icon to left


    I applied fieldCls to a date field, but it positions the picker icon to left. How can I ensure the picker icon stays on the right, even when I apply fieldCls.
    Attached Images

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,074
    Answers
    673
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Was it other than the default of "x-form-field"?

    We would need to see the CSS to help solve your problem.

    Regards,
    Scott.

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    4
    Vote Rating
    0
    naguws2004 is on a distinguished road

      0  

    Default


    The style looks something like this:

    .GeneralBold{
    font-family: Calibri, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    font-weight: bold;
    }

    Regards
    Nagesh

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,074
    Answers
    673
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    I do not see this behavior on my setup: (see attached)

    Code:
    .GeneralBold {
    	font-family: Calibri, Helvetica, sans-serif;
    	font-size: 10pt;
    	color: #000;
    	font-weight: bold;
    }
    
    Ext.onReady(function(){
        var simpleCombo = Ext.create('Ext.form.field.Date', {
            fieldLabel: 'Date',
            width: 320,
            labelWidth: 130,
            // store: store,
            fieldCls: 'GeneralBold',
            renderTo: Ext.getBody()
        }); 
    });
    f192816.jpg

    Regards,
    Scott.

Thread Participants: 1

Tags for this Thread