Short Scrollable Terms: Bold certain text

  • lauredc70
    Demandé le 24 mai 2024 à 08:57

    Bonjour,

    sur le formulaire https://eu.jotform.com/build/241422360381043 j'utilise 2 widgets Brèves Conditions Générales déroulantes

    Sur l'un de ces widgets (le 2nd, celui des instructions) je souhaite mettre en gras les horaires.

    J'ai donc mis devant <strong>12h30</strong> et cela me mets bien en gras cet élément mais cela me mets le texte sur 2 colonnes.

    J'ai fait la même chose avec d'autres horaires en dessous, et cela me mets autant de colonnes à chaque fois que je met un horaire en gras.

    Pouvez-vous m'aider à régler cela svp ?

    Merci

  • lauredc70
    Répondu le 24 mai 2024 à 10:18

    The same in english

    Hello,

    on the form https://eu.jotform.com/build/241422360381043 I use 2 widgets Brief General Conditions drop-down

    On one of these widgets (the 2nd, the instructions one) I want to put the times in bold.

    So I put <strong>12:30</strong> in front of it and that makes this element bold but it puts the text in 2 columns.

    I also use css <div style="hour"></div> and css instuction in css tab

    .hour

    {display: inline-block;

    font-weight:900;

    text-align: left;}

    I did the same thing with other schedules below, and it gives me that many columns each time I bold a schedule.

    Can you help me resolve this please?

    Thanks

  • Princess Jotform Support
    Répondu le 24 mai 2024 à 13:12

    Hi lauredc70,

    Thanks for reaching out to Jotform Support. When I cloned and tested your form, the same thing happened for me. After investigating it a bit, I found a solution. It's really easy to fix. Let me show you how:

    1. In Form Builder, Click on the Short Scrollable Terms widget.
    2. Click the Wand icon to open widget settings.
    3. In the Content text box, we need to enclose all the text into <div> </div> tag, and add the <strong> </strong> tag to certain texts. Short Scrollable Terms: Bold certain text Image 1 Screenshot 30
    4. You can do it manually, but you can also just copy the one I modified below:
    <div>Nous sommes ravis de vous accueillir dans le cadre du Kid’s Day Paris qui aura lieu le mercredi 26 juin.

    Afin de vous permettre de vous organiser au mieux, nous vous recommandons de poser une demi-journée enlétravail le matin en informant préalablement votre Manager.

    Pour que cette journée soit une réussite, nous vous partageons ci-après les instructions concernant la journée :

    <strong>12h30</strong>
    - Les parents sont invités à se présenter au niveau du hall d’accueil
    - Parents et enfants seront invités à rejoindre le restaurant d’entreprise pour partager un repas en toute convivialité
    - Le repas sera servi entre 12h30 et 13h45

    <strong>14h00</strong>
    - Parents et enfants seront invités à se rendre au sein du hall d’accueil
    - Des informations seront communiquées concernant la visite des locaux

    <strong>15h00</strong>
    - Nous inviterons les parents à confier leurs enfants à l’équipe d’animation présente sur place
    - Des animations seront proposées aux enfants en fonction de leur tranche d’âge

    <strong>16h30</strong>
    - Le goûter sera servi et proposé aux enfants

    <strong>17h00</strong>
    - Les parents seront invités à venir chercher leurs enfants.

    😊 Nous nous réjouissons par avance de cette journée ensemble.

    Service communication interne
    </div>


    Here's a screencast of the result:

    Short Scrollable Terms: Bold certain text Image 2 Screenshot 41

    Here's the link to my cloned form for you to check and see the results. Also, you can clone the form by following this guide on How to Clone an Existing Form From a URL.

    Give it a try and let us know if there’s anything else we can help you with.