[mickyus]

Hello,

Can I change checkbox style? The default is like the below.

<label> <checkbox>

I'd like to change to this similar to checkgroup style.

<checkbox> <label>

Regards,

Mickyus

[mishika]

Hello,

To add the label for the checkbox as it is shown in the checkgroup, you need to make the following change in the file:
/opt/processmaker/workflow/public_html/lib/pmdynaform/build/pmdynaform.html

Add the line,

Code: Select all

<span><%-options[i].label%></span>

at line number 305(i.e. before closing the label tag </label>) in the above mentioned file.

This will modify the checkbox to something like:(see the attachment)

checkbox.png (10.89 KiB) Viewed 6398 times

Hope this helps.

Best Regards
Mishika

[mickyus]

Thank you for the response.
Can you tell how to set the checkbox label on the right side of the box? Like the screen capture, the label 'checkbox_1' is left side of box. I'd like to set like the label of checkgroup_1 'aa' which is right side of box.

Mickyus

[amosbatto]

Use this JavaScript to move the label to the right-hand side of the checkbox:

Code: Select all

$("#mycheckbox").getControl().parent().append( $("#hasContract").getLabel() ); 
$("#mycheckbox").setLabel("");

[mickyus]

Thank you for the information.
I set my checkbox id for '#mycheckbox'. What can I set for '#hasContract'?

[mickyus]

This works.

Code: Select all

$("#mycheckbox").getControl().parent().append( $("#mycheckbox").getLabel() );
$("#mycheckbox").setLabel("");

[amosbatto]

Oh yes, you are right. I forgot to change the ID "hasContract" in the example I gave you.