Change Select All Widget Label Text

  • Profile Image
    peturrp
    Asked on October 04, 2015 at 08:52 AM

    Hi,

     

    I was going to use the Select all widget but there are few bugs I want to ask about.

    1.  The text "Select all" cannot be changed.  I have to be able to translate the text.

    2.  I have a long list of check boxes and have to be able to divide them into two columns - is that possible?

    3.  The original check  box chosen from the Jotform dashboard - can I format one of the check box to "Select all" - in my case this is the check box "ALLIR"

    This is my website with the form.

    http://sund.proa.is/p%C3%B3stur-%C3%A1-f%C3%A9laga.html

     

     

     

    Thanks,

    Pétur

  • Profile Image
    jonathan
    Answered on October 04, 2015 at 05:45 PM

    Hi Pétur

    Please try adding this CSS code to the CSS of your Select All widget on your jotform http://www.jotformeu.com/form/52764060576358

    label[for="selectall"]{display:none;}

    #selectall:before{content:"Allir";

    position: absolute;

    font-weight : bold;

    margin-left: 40px;

     

    }

     

     

    The result should be like this form http://www.jotformpro.com/form/52766928268977

     

    --

    2.  I have a long list of check boxes and have to be able to divide them into two columns - is that possible?

    Unfortuantely no. I cannot find a way to do it using CSS only for the Select All widget.

    What you may want to try instead is use 2 Select All widget and postion them side by side to 2 column.

    Hope this help. Let us know if you need further assistance.

     

     

     

  • Profile Image
    peturrp
    Answered on October 05, 2015 at 06:44 AM

    Hi again,

     

    How can I trigger the font size?  

     

    Thanks,

    Petur

  • Profile Image
    Welvin
    Answered on October 05, 2015 at 09:34 AM

    Hi Petur,

    If you want to change the font size of the entire widget texts, simply inject this custom CSS codes in the CSS area of the widget:

    tbody#tbody {

        font-size: 22px;

    }

    thead#thead {

        font-size: 22px;

     

    }

    Change the 22 to your desired size.

    If you want to change the size of the "Select All" text, use the following custom CSS codes:

    thead#thead {

        font-size: 22px;

    }

    Thanks