Format Boolean 'tick' box in Display Form

[Maciek Grischke]

Hello,

I enjoy DFFS every single day! Thank you so much for what you do Alexander!!!

I’m struggling to get my idea across. I want to customise a tick box,

I’d like to change its colour or even change it to Yes/No text.

How can I achieve this?

• This topic was modified 5 years, 11 months ago by Maciek Grischke.

[Alexander Bautz]

Hi,
I’m happy to hear you like DFFS!

You can add this snippet to your Custom JS to hide the checkbox and show Yes / No instead:

function dffs_ready(){
    setTimeout(function(){
        jQuery(".spjs_boolean_readonly").parent().hide().prev().removeClass("spjshidden");
    },10);
}

If you want to style it instead, you can add this to your Custom CSS:

.spjs_boolean_readonly{
    font-size:18px!important;
    color:green!important;
}

Alexander

[Maciek Grischke]

Thanks Alexander, this worked great!

[Author]

Posts