Campo valoración por estrellas y consultas

  • 27224
    Fecha de consulta 23 de octubre de 2024, 17:16

    Escogí valoración por estrellas pero no aparecen estrellas en el formulario en lugar aparece como el dibujo de unas banderas (sección 3, preguntas 2 y 3). También necesito en el campo de la de la etiqueta de campo poner una palabra en negrita para resaltarla en la pregunta. Finalmente necesito en el encabezado centrar el título pero el subtítulo alinearlo a la izquierda pero no lo he podido realizar.

  • 27224
    Fecha de respuesta 23 de octubre de 2024, 19:01

    Ya solucioné el tema de la valoracion de las estrellas el tema aplicado en el cuestionario era el que causaba el conflicto. solo me queda pendiente lo siguiente.

    Necesito en el campo de la de la etiqueta de campo poner una palabra en negrita para resaltarla en la pregunta. Finalmente necesito en el encabezado centrar el título pero el subtítulo alinearlo a la izquierda pero no lo he podido realizar.

  • Afzal Jotform Support
    Fecha de respuesta 24 de octubre de 2024, 3:16

    Hi 27224,

    Thanks for reaching out to Jotform Support. 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, we can center the top label or the all the labels however it is not possible to bold a single work between the field label, but we can add extra bold text at the end of the question, we'll just need to add custom CSS to your form. Check out the steps below to see how it's done:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /*To center the top heading only - 20417881*/
    .header-large h1.form-header {
        place-self: center !important;
    }

    /*To center all the headings*/
    .header-default h2.form-header {
        place-self: center !important;
    }

    /*To add a bold text to the question*/
    label#label_20:after {
        content: "Very Important";
        font-weight: 900 !important;
    }

    Here's what the result will look like:

    Campo valoración por estrellas y consultas Image 1 Screenshot 20

    Here's the cloned version of the form that you can test.

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