Image Checkboxes: Adjust word break

  • cyoyac
    Fecha de consulta 29 de abril de 2024, 18:11

    Estimados


    Junto con saludar quisiera solicitar su ayuda para mejorar el formato de escritura de los títulos para las imágenes que se muestran a continuación.

    Image Checkboxes: Adjust word break  Image 1 Screenshot 30

    Quisiera que se distribuyan en 2 líneas como en la siguiente imagen


    Image Checkboxes: Adjust word break  Image 2 Screenshot 41


    https://form.jotform.com/240293720125650


    Quedo muy atenta

    Gracias

    Saludos

  • Raymond Jotform Support
    Fecha de respuesta 29 de abril de 2024, 23:44

    Hi Yoya,

    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.

    Unfortunately, it's not possible to force second line on your photo label as this depends on the screen viewing it. As a workaround to that, we can apply some CSS codes to your widget. Let me show you how to do that:

    • In Form Builder, click on the widget and on its Wand icon.
    • Next, click on the Custom CSS tab and paste the following codes below:
    /* adjust font size and spacing- 14381121*/
    #images_button_container > li > label > span {
      font-size: 1.1em !important;
      width: 60% !important;
      display: inline-block;
    }
    #images_button_container {
    column-count: 2 !important;
    }
    #images_button_container > li {
    width: calc(100% - 8px) !important;
    }
    /* Ends here */

    Image Checkboxes: Adjust word break  Image 1 Screenshot 20

    Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject CSS Codes to Widgets that you can check out.

    Give it a try and let us know if you need any help.