Checkbox element - render as Yes | No

[jo-ka]

Hello.

I have a checkbox element, which I'll need to populate with Eval from another list, as the options may change in the future.

So, the element is like this:


Is there a way for the checkboxes to render as a Yes|No element?



I know I can create multiple Yes | No elements, for each option available, but that would be hard to maintain.

Thanks in advance.

 

[lousyfool]

Hi,
The yes/no button group appearance is based on a radio button with Bootstrap JS and CSS. It's certainly not impossible to apply this to checkboxes as well, but you'd be left with working out the details and modifying this yourself.

I haven't looked closer there, but here you might find some more inspiration and similar/other solutions: https://codemyui.com/?s=checkbox

 

[juuser]

Hi,

I'm successfully using solution from here: http://jsfiddle.net/V98W8/
You can probably modify this a bit according to you need.
Just replace "#milestone-table" with ".checkbox" in the css code.

 

[jo-ka]

Thanks for the inputs. But, where in deed can I change the element CSS?

If I change in the theme, I'll have all the website checkboxes changed, right?

 

[juuser]

You can copy your form template and use the copied template only for the form where you need the styled checkboxes. And then add the CSS code to your copied form template "custom.css" file.

 

[lousyfool]

http://www.fabrikar.com/forums/index.php?wiki/form-and-details-templates/#the-custom-css-file

Of course, you can also use your "site-wide" J! template custom CSS but use specific classes or IDs, allowing you to target anything: one single checkbox, a particular group (e.g.all checkboxes of a single element), or whatever.
Basic CSS...