Skuid Mobile check box on off

rslackrslack ✭✭✭✭
edited February 5, 2020 in Questions
I am developing my mobile solution and creating an audit.  I have a number of fields that are check boxes.  In Skuid Mobile the check boxes appear as sliders instead of check boxes which is fine.  But the sliders say On or Off.  I looked in the developer console and I know I need to change this line from On and Off to True or False.  I would also need to make the slider wider to accommodate more characters.  ANd make true be in light green and false be in red.  I know I can do the coloring using CSS.  But how do I change the label from on off to True False?

input[type=checkbox]:before { content: 'True'}input[type=checkbox]:checked:before { content: 'False'}


  • edited April 29, 2015
    Hi Rich

    input[type=checkbox]:before {   content: 'FALSE';
    input[type=checkbox]:checked:before {
       content: 'TRUE';

    should do it

  • rslackrslack ✭✭✭✭
    edited February 5, 2020
    Ahh, the whole thing is done in CSS. . .  Sweet, worked great.  I was thinking it might need to be a snippet.  Hope you are doing well Peter!
  • Rob HatchRob Hatch 💎💎💎
    edited September 1, 2016
    Glad you got this worked out.  CSS is often more powerful than we think. 
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!