JavaScript How to reduce space between label and text box in extjs? reduce space between bullet and text,reduce space between lines

I want to reduce space between label and text box, you can see in bellow image, I used Ext.form.field.Text control of ext JS. Please see bellow code for this control.

this.temp1min = new Ext.form.field.Text({
            xtype: 'textfield',
            /*  *///labelAlign: 'left',
            //labelWidth: 60,
            //width: '7%',
            //labelStyle: 'padding: 10px 10px;',
            //padding:'0 '
            fieldLabel: 'T1 Min',
            blankText: fleet.Language.get('_FLEET_REQUIRED_ERROR_'),
            //allowBlank: false,
            name: 'temp1min'
        });
        this.temp1max = new Ext.form.field.Text({
            xtype: 'textfield',
            //labelAlign: 'left',
            //labelWidth: 30,
            //width: '6%',
            fieldLabel: 'T1 Max',
            blankText: fleet.Language.get('_FLEET_REQUIRED_ERROR_'),
            // allowBlank: false,
            name: 'temp1max'
        });

And UI, Please see below image.

Answer:1

You can use labelWidth:'auto';

The labelWidth of the fieldLabel in pixels. Only applicable if the labelAlign is set to "left" or "right".

Here I have created an sencha fiddle demo. Hope this will help you to solve your problem.

Ext.create('Ext.form.Panel', {
    title: 'Label width example',
    width: '100%',
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    defaults: {
      xtype: 'textfield',
        labelWidth: 'auto',
        margin: '0 5',
        allowBlank: false // requires a non-empty value
    },
    layout: 'hbox',
    items: [{
        fieldLabel: 'T1 Min',
        name: 'temp1min'
    },{
        fieldLabel: 'T1 Max',
        name: 'temp1min'
    }, {
        name: 'name',
        fieldLabel: 'Name',
    }, {
        name: 'email',
        fieldLabel: 'Email Address',
        vtype: 'email' // requires value to be a valid email address format
    }]
});

Answer:2

How to display inline values in a stacked bar chart with Chart.js?

I am using the Chart.js library to display some values in stacked bars but I am struggling in trying to find out how to display the values inside of the bars, that is, Right now, I have the following ...

display variable values inline while debugging

Override tinymce 4 spellchecker method

I'm trying to override the default TinyMce 4 spellchecker method "markErrors", but without success. I've already tried: // on editor init... editor.plugins.spellchecker.markErrors = function() { ...

JavaScript while loop accepts condition before var declaration [duplicate]

I'm surprised that the following code works: while(fred !== "stop"){ var fred = prompt("Should I stop or go?") }; I'd understand this in a do while loop: do { code to be executed at least ...

javascript while loop break
javascript while loop example
javascript while loop continue
javascript while loop with delay
javascript while loop wait
javascript while loop with timeout
javascript while loop mdn
javascript while loop async
javascript while loop wait for promise
javascript while loop countdown
javascript while loop with multiple conditions
javascript while loop synchronous
javascript while loop through array
javascript while loop await
javascript while loop promise
javascript while loop even numbers
javascript while loop one line
javascript while loop two conditions
javascript while loop not breaking
javascript while loop not equal

Access a Particular Div Without Changing Class Name

I have a simple requirement: Based on the response of a user on a particular yes no question, show him another question. The issue is I am using Bootstrap forms so all my div classes are named form-...