What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Format Visual Multi Selected widget with CSS

    Asked by tecnicace on September 13, 2016 at 04:09 PM

    Hello!

    Is there any way that I can turn some of the text inside the form to bold?

    Example:

     

    TITLE

    Text 1

    Text 2

    TITLE 2

    Text 1

    Text 2

     

    Thank you! :)

    Page URL:
    https://form.jotformz.com/62545604145655

    format selected visual hello thank inside the form can
  • Profile Image
    JotForm Support

    Answered by KadeJM on September 13, 2016 at 05:52 PM

    If I understand you correctly you mean you want to make some text in the Visual Mutliselect Widget on your form bold for two of the titles based on your example.

    That widget does support css so please allow us some time to try to get something going to assist you with achieving it and we will update you again briefly.

  • Profile Image
    JotForm Support

    Answered by KadeJM on September 15, 2016 at 09:25 AM

    Thank you for your patience and I do sincerely apologize about the delayed response.

    In order to achieve the above effect you desire you can inject this custom css code into the Visual Multi Select Widget:

    #\2d 589266847-selectable > span, #\2d 589266847-selection > span, #\2d 1087403000-selectable > span, #\2d 1087403000-selection > span {font-weight: bold;}

     

    Alternatively, you can just clone my demo form here then modify it more to your liking from there: https://form.jotform.com/62567159923971 

  • Profile Image

    Answered by tecnicace on September 16, 2016 at 10:46 AM

    Hi, KadeJM! 

    Thank you very much for your answer! Unfortunately the code did not work for me. I put the code into the Visual Multi Select Widget, but nothing happened. See below:

    https://drive.google.com/open?id=0ByOepcL5Fo5VQ0RUcEIxVk9aSGs

    https://drive.google.com/open?id=0ByOepcL5Fo5VNEU4Yld6MVdidnM

    For example, I want the word "CÂMERA" bold. What I am doing wrong?

     

    Thank you!

  • Profile Image
    JotForm Support

    Answered by KadeJM on September 16, 2016 at 12:45 PM

    I do apologize about that inconvenience and I think that's probably because your form's widget may have a different css id, class, and selector so that's probably why it didn't work.

    For your first one it should actually be something like this instead: (left side panel)

    #\2d 909351015-selectable > span, #\2d 2053022227-selectable > span, #\37 45866185-selectable > span, #\2d 312899588-selectable > span {font-weight: bold;}

    And for the other side when you move it (right side panel):

    #\2d 909351015-selection > span, #\2d 2053022227-selection > span, #\37 45866185-selection > span, #\2d 312899588-selection > span {font-weight: bold;}

    You'll have to do the same for the rest but if you need more help with this then just let us know.