EXTRAER INFORMACIÓN DE LOS CAMPOS DEL WIDGET LISTA DESPLEGABLE

buenos días

Existe alguna manera de poder extraer la información que se ingresa en el widget lista desplegable, o sea por ejemplo si tengo una columna en donde se ingresa un valor numérico, puedo llevar ese valor a otro campo para poder hacer cálculos con el

Hola David,

Gracias por tu consulta. En Jotform, puedes extraer la información ingresada en un widget lista desplegable y usarla en otro campo para realizar cálculos mediante la lógica condicional llamada Actualizar/Calcular campo.

Aquí te explico cómo hacerlo:

1. Ve a Configuración en el constructor de formularios.
2. Selecciona Condiciones en el menú lateral.
3. Agrega una nueva condición de tipo Actualizar/Calcular campo.
4. Configura la condición para que, cuando se seleccione un valor en la lista desplegable, se copie o se use ese valor en otro campo numérico.
5. Define la acción para calcular o asignar el valor según necesites.

Con esto podrás usar el valor numérico de la lista desplegable en cálculos dentro de tu formulario.

Si necesitas más detalles, estoy aquí para ayudarte.

Entiendo pero no es lo que necesito, requiero lo siguiente:

Tengo una lista configurable con un camp desplegable, uno de text y otro de numero, deseo extraer unicamente la información que se ingrese en el campo de numero.

es esto posible

Hola David,

En el widget Lista Configurable, puedes extraer solo la información del campo numérico usando su nombre único para mostrar o usar ese valor en otro campo o cálculo.

Para hacerlo, debes identificar el nombre único del campo numérico en las propiedades del widget y luego usarlo en condiciones o cálculos dentro del formulario.

Si necesitas ayuda para encontrar el nombre único o configurarlo, dime y te guío.

Si ayudame a encontrar en nombre del campo ya que no lo he podido detectar

Hola David,

Para encontrar el nombre único del campo numérico en el widget Lista Configurable, sigue estos pasos:

1. Selecciona el widget Lista Configurable en el constructor de formularios.
2. Haz clic en el icono de configuración del widget.
3. Busca la sección de columnas o campos, donde verás los nombres asignados a cada campo (desplegable, texto, número).
4. Identifica el nombre del campo numérico, que normalmente aparece como "number" o similar.
5. Usa ese nombre en tus condiciones o cálculos para extraer solo ese valor.

Si quieres, puedo guiarte paso a paso en el proceso.

Guiame paso a paso

Hola David,

Vamos paso a paso para encontrar el nombre del campo numérico en tu widget Lista Configurable:

1. Abre tu formulario en el constructor de Jotform.
2. Haz clic en el widget Lista Configurable para seleccionarlo.
3. Haz clic en el icono de configuración (engranaje) que aparece en la esquina del widget.
4. En la ventana de configuración, busca la sección donde se listan las columnas o campos del widget.
5. Identifica el campo que corresponde al número, normalmente tendrá un nombre como "number" o similar.
6. Recuerda ese nombre, ya que lo usarás para extraer o calcular el valor.

Cuando estés listo, dime y te ayudo con el siguiente paso para usar ese valor.

Ok, gracias como puedo ajustar el tamaño de cada campo del widget con CSS para que unos campos sean mas grandes que otros y se acomoden mejor.

Hola David,

Para ajustar el tamaño de cada campo en el widget Lista Configurable con CSS y que algunos sean más grandes que otros, puedes usar código CSS personalizado. Aquí te dejo un ejemplo para modificar el ancho de las columnas:

@media (min-width: 600px) {
.configurable-list-field-wrapper {
min-width: calc(50% - 8px); /* Ajusta el porcentaje para cambiar el tamaño */
}
}

Este código crea un diseño de dos columnas con ancho ajustable. Puedes modificar el porcentaje para que unas columnas sean más anchas que otras.

Si quieres un diseño vertical o más personalizado, también es posible con CSS. Dime si quieres que te ayude con eso.

Teng0 10 columnas, requiero que de las columnas 3 a la 10 pueda ajustar el tamaño de cada una, es posible ?

Hola David,

Sí, es posible ajustar el tamaño individual de las columnas 3 a 10 en el widget Lista Configurable usando CSS. Para eso, debes usar selectores específicos para cada columna, por ejemplo:

.configurable-list-field-wrapper:nth-child(3) { width: 100px; }
.configurable-list-field-wrapper:nth-child(4) { width: 150px; }
/* Y así sucesivamente para cada columna */

Así puedes definir un ancho diferente para cada columna. Si quieres, puedo ayudarte a crear el código CSS exacto para tus columnas.

Si ayudame, necesito lo siguiente,

Columna 1, 80%

Columna 2, 80%

Columna 3, 30%

Columna 4, 30%

Columna 5, 30%

Columna 6, 30%

Columna 7, 30%

Columna 8, 60%

Columna 9, 60%

Columna 10, 60%

Hola David,

Aquí tienes el código CSS para ajustar el ancho de tus columnas según lo solicitado:

.configurable-list-field-wrapper:nth-child(1) { width: 80%; }
.configurable-list-field-wrapper:nth-child(2) { width: 80%; }
.configurable-list-field-wrapper:nth-child(3) { width: 30%; }
.configurable-list-field-wrapper:nth-child(4) { width: 30%; }
.configurable-list-field-wrapper:nth-child(5) { width: 30%; }
.configurable-list-field-wrapper:nth-child(6) { width: 30%; }
.configurable-list-field-wrapper:nth-child(7) { width: 30%; }
.configurable-list-field-wrapper:nth-child(8) { width: 60%; }
.configurable-list-field-wrapper:nth-child(9) { width: 60%; }
.configurable-list-field-wrapper:nth-child(10) { width: 60%; }

Aplica este CSS en la sección de estilos personalizados de tu formulario para que los campos se ajusten como deseas.

Podrias ayudarme con otra cosa si quisiera enmascarar un campo para ingresar un valor monetario que no siempre es el mismo, como podria hacer, ejemplo requiero que el campo se enmascare asi:

$ 1.000.000 pero en otros casos puede que el valor no complete la mascara por completo, por ejemplo $ 850.000 como podria hacerlo

Hola David,

Para enmascarar un campo para valores monetarios con formatos variables como "$ 1.000.000" o "$ 850.000", puedes usar la opción de Input Mask en un campo de texto corto.

Así se hace:

1. Agrega un campo de texto corto a tu formulario.
2. Haz clic en el campo y abre sus Propiedades (icono de engranaje).
3. En la pestaña Opciones, activa la opción Input Mask.
4. Usa el símbolo # para números y agrega el símbolo de dólar y puntos como caracteres fijos. Por ejemplo: $ ###.###.###.

Esto permitirá que el usuario ingrese números con el formato monetario, y el campo aceptará valores incompletos como "$ 850.000".

Si necesitas un formato más personalizado o ayuda para configurarlo, dime y te apoyo.

Hi David,

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, I am not sure if I understand your concern correctly. Do you want to extract the value of the dropdown element in the Configurable list? If yes, unfortunately, the Configurable List widget currently does not fully support calculations. If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

Additionally, can you share with us the URL of the form you're referring to? You can easily find your form's URL in Form Builder. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the Quick Share tab, click on Copy Link in the Share With Link section.

If you can take a screenshot of what’s happening, that'll help us to understand better what’s going on. Let me show you how to post a screenshot to our Help Center:

1. On the Help Center page, scroll down to the Your Answer section and click on the Image icon.

2. Drag and drop your image into the Upload box, or click on it and select your file.

3. Then, click on the Add button in the bottom-right corner of the window.

4. To resize it, click on your screenshot and then click on one of the boxes in the corners, and drag it inward.

5. Once you're finished, click on the Post Answer button at the bottom right of the Your Answer section.

That's it. Once we hear back from you, we'll be able to help you with this.