-
JavierSotoFecha de consulta 23 de septiembre de 2023, 17:53
Buenas tardes, como puedo crear un campo de texto corto que al ingresar los datos se convierta en mayusculas todo el texto.
-
Rahul Jotform SupportFecha de respuesta 24 de septiembre de 2023, 1:05
Hi Javier,
Thanks for reaching out to Jotform Support. Unfortunately, our Spanish Support agents are busy helping other Jotform users at the moment. 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, keep in mind that you'd have to wait until they're available again.
Now, let me help you with your question. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can. Thanks for your patience and understanding.
-
Rahul Jotform SupportFecha de respuesta 24 de septiembre de 2023, 1:37
Hi Javier,
Thanks for patiently waiting. You can allow form filler to add capitalized text by injecting the below CSS code into the Inject Custom CSS section of the form:
.form-textbox {text-transform: uppercase;}
Let me show you how to do it:
- In Form Builder, click the Form Designer (Paint roller icon) available in the upper right corner of the screen.
- Go to the Styles tab in the opened window on the right side of the screen.
- Scroll down a bit, and enter the code in the Inject Custom CSS section.
- Make sure to click on the Save button.
To make a particular field capital on the form, you'll need to replace the ID of the form field in the CSS code. Let me show you how to do it:
- Get the Field ID. See the screencast below to see how to get field ID.
- Add the CSS code to the Inject Custom CSS section. See an example of the CSS code below:
#input_12{text-transform: uppercase;}
Additionally, you could clone my test form https://form.jotform.com/232516486799069 to see the added CSS code to achieve this. See the screenshot below to see my results:
We also have a guide explaining How to Inject Custom CSS Codes that you can check out.
Give it a try and let us know how it goes.
-
JavierSotoFecha de respuesta 27 de septiembre de 2023, 21:52
Hola Rahul,
Te cuento que he intentado ingresra la formula a un campo o al formulario completo y no da el resultado esperado, siguen los textos en minuscula, no se si es que no colocamos bien el código??
Gracias
-
Esther Jotform SupportFecha de respuesta 28 de septiembre de 2023, 5:21
Hola Javier,
Muchas gracias por ponerte en contacto con el Soporte de Jotform. Entiendo que te gustaría poder tener mayúsculas en tus respuestas. Para hacerlo, os enseño cómo. He clonado vuestro formulario y lo he realizado, os lo enseño a continuación:
- Vamos al Creador de Formularios, podemos verlo aquí. Para clonarlo, se puede hacer así.
- Vamos al campo que queremos tener las mayúsculas y clicamos en la pestaña Avanzado.
- Ahí tendremos el ID del campo y podremos añadirlo correctamente.
- Copiamos ese ID y después iremos al Diseñador del formulario en el botón azul.
- Ahí clicaremos en Estilos y pegaremos el ID seguido de este código:
{text-transform: uppercase;}
Quedará así:
Espero que haya sido de ayuda y no dudes en contactarnos si tienes alguna otra pregunta.