modificar alto de campo

Buenas tardes,

Como podria modificar el alto del campo Monto a Sustentar para que el primer campo tenga el mismo alto que el campo Departamento

Hi SoporteOperativo,

Our Spanish Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, this can be done with some custom CSS. Here's how to inject it:

1. Copy the following CSS: 

input {

  height: 36px !important;

  border-radius: 4px !important;

  box-shadow: none !important;

}

2. Open your form in the Form Builder, and click Wand icon next to the widget.
3. Select Custom CSS tab.
4. Add previously copied CSS here.

Give it a try and let us know how it goes.

Bojan,

It worked, Thxs!!

Hi Bojam,

Once I fill a form, I notice that the height it is not exactly the same compared with other fields.

How can we make and the box the same size as the Field "Número"?

Hi SoporteOperativo,

I cloned your form to work on it. It is easy to make the size of Monto a Sustentar and Monto de Combustible a Sustentar the same as Numero. Let me show you how:

1. Select the Masked Input element named Monto a Sustentar.

2. On its right side, click the gear button to open the Question Properties window.

3. Under General Tab in Question Properties, change the Width to 450.

4. Repeat Steps 1 to 3 for Monto de Combustible a Sustentar field.

Give it a try, and let us know how it goes.

Hi Keenly

What I actually need is not the width but the height of the field and the numeber size

As yo can see they are not the same. I need the Field "Monto Combustible Dia 1" to have the same size and format as the field "Número"

Correction, only the size not the format

Hi SoporteOperativo,

You can inject the below CSS Code to your form to match the Monto Combustible Dia 1 field's height with the field Numero.

input#input_271 {

  height: 36px !important;

}

Here's the expected result:

Let us know if you need any more help.

Hi Sonny fer,

Even with your solutuion, the fields do not look the same. From your image the numbers have different size

Thi is the CSS code that Bojan share to me

Hi SoporteOperativo,

You can add the code below to the Masked Input widget to increase the font size of the text inside it:

input#maskedInput {

    font-size: 16px;

}



iframe#customFieldFrame_272 {

  height: 40px !important;

}

See the screenshot below for the results:

You may also need to add the second code I provide on the Inject Custom CSS tab of the form builder to make sure that it will be read by both the form and the widget. See the screenshot below:

Reach out again if you need any more help.

Hi Ronald

How can I make that the text box for the field "Importe Total de Combistible Test" looks the same as the field "Número"

Same border (the bottom can not be seing now) with highligted blue when its seleccted

This is the CSS Code that I have now on the widget

input {

 height: 40px !important;

 border-radius: 6px !important;

 box-shadow: none !important;

}

input#maskedInput {

  font-size: 16px;

}

Hi SoporteOperativo,

You can use the code below to adjust the width of the widget:

iframe#customFieldFrame_272 {

  max-width: 100% !important;

}

See the screenshot below for the results:

Unfortunately, it is not possible to overwrite the current styling for the border effect of the current widget, as it was created in a deeply nested manner, and the styles it has taken higher priority. By default, here are the codes that you can try:

input#maskedInput:focus,

input#maskedInput:active, input#maskedInput:focus-visible {

  border-color: #2e69ff !important;

  box-shadow: 0 0 0 3px rgba(46, 105, 255, 0.25) !important;

}

Let us know if there’s anything else we can help you with.