Cómo cambiar el formato de moneda que incluya divisores de decimales y el símbolo de moneda

hola,

Favor me dan soporte en español.

Estoy tratando de dejar un formato tipo moneda en este campo del tipo NUMERO

y una de las opciones que tome fue incluir CSS en mi formulario:

#input_7:before {

  content: '$';

  position: absolute;

  margin-left: 5px;

  font-size: 20px; /* Asegura que el símbolo tenga el mismo tamaño que el texto */

  top: 50%; /* Centra verticalmente el símbolo de dólar */

  transform: translateY(-50%);

}

pero este codigo no hace loq ue busco que es que aparezca el sigono peso $ chileno y que ademas sea capaz de serparar en unidades de miles con un punto.

He probado varias otras formas y ninguna me ha funcionado.. ahora dejo esta opcion que tome y que necesito que me ayuden a aplicarla, nos e que problema tiene que lso cambios no se realizan.

Saludos y gracias

Hola Cuentas Geotravel,

Muchas gracias por ponerte en contacto con el Soporte de Jotform, y siento que estés experimentando esto. Estoy revisando su formulario y lo he clonado. Para poder tener el símbolo de la moneda y el separador de unidades, deberéis utilizar el widget de Entrada Enmascarada, ya que de este modo os permitirá las dos cosas a la vez. Si utilizáis el código CSS, no es posible añadir comas u espacios. Para añadir el widget, debéis hacer lo siguiente:

1. Vamos al Creador de Formularios y añadimos Elemento.
2. Vamos a la pestaña de Widget y buscamos Máscara de Entrada.
3. Ahí, modificaremos los campos y lo pondremos como necesitéis
4. Y veréis algo así:

Espero que haya sido de ayuda y no dudes en contactarnos si tienes alguna otra pregunta.

ok, como te comente de forma genérica yo ya había experimentado con este campo dentro del formulario, pero es un campo muy pequeño en tamaño y no pude hacerlo crecer para que el numero se viera mas grande.

No encontré forma alguna para que ese campo en particular pudiera ser mas grande.. tu sabrías como hacer esto?

Hola Cuentas Geotravel,

Hacer el campo Máscara de Entrada más grande, así como su texto es simple. Le explico como:

1. Una vez que ha añadido el widget Máscara de Entrada, hacer clic en el icono del engranaje que aparece a su derecha.
2. Establecer la Anchura del widget en 312 y la Altura en 75.
3. A continuación, hacer clic en el icono de la varita mágica.
4. En el panel de la derecha de la pantalla, hacer clic en la pestaña CSS personalizado.
5. Finalmente, introducir el siguiente código:

/* Code to increase Height and Input text - 4179246*/

* {

height: 45px;

}

#maskedInput {

    font-size: 19px;

}

/* Code Ends Here*/

Resultado:

Pruebe y háganos saber si necesita más ayuda.

Listo solucionado. tema cerrado y gracias