Allow "Checklist" widget to be customized using custom CSS

  • stabraammeeting
    Asked on June 8, 2015 at 12:20 AM

    i need to change the text-align to be right in the "Checklist" widget

    i couldn't find the correct class or id, please help.

  • Charlie
    Replied on June 8, 2015 at 2:13 AM

    Unfortunately, the "Checklist" widget's style cannot be modified right now. This is because the widget is loaded in an iFrame, and external or custom CSS code that we will be adding won't affect it.

    I would suggest using the default check box field for now.

    Allow Checklist widget to be customized using custom CSS Image 1 Screenshot 30

    Then design it on using the Form Designer Tool.

    Allow Checklist widget to be customized using custom CSS Image 2 Screenshot 41

     

    You can also use custom CSS code to further customize it.

    However, I'll also forward this to our widget team as a feature request so that they'll be aware that you are looking for a feature to further design this widget, please do take note that I'm unable to guarantee its implementation. But we'll update you on this thread as soon as we hear any news.

    Thank you.

  • stabraammeeting
    Replied on June 8, 2015 at 2:15 AM

    The default checklist is not mobile / touch friendly :(
  • Charlie
    Replied on June 8, 2015 at 3:37 AM

    Hi,

    It seems like your follow up question needs to be addressed on another thread, I went ahead and opened one for you. Please refer to this link instead: http://www.jotform.com/answers/583811. We will address that issue there shortly.

    Thank you.

  • TitusN
    Replied on August 27, 2015 at 10:30 PM

    Hello, 

    You can now do this using the Custom CSS tab as shown below: 

    Allow Checklist widget to be customized using custom CSS Image 1 Screenshot 20

    Please try it out and share your thoughts with us. 

    Thanks!