Forum | Appery.io

Hi,

I want checkbox on right side instead of left how will i get it ?

Thanks,
Ishani

Hi Ishani,

You would need to change CSS code considering "ui-checkbox" class. JQM adds "ui-checkbox" class to each Checkbox automatically. This will be something like codepadding-left: 10px;/code

Or you can try this construction for a separate component:preAppery('componentname').css('property','value'); /pre
You can give padding, border or whatever style you like.

hi i tried padding, but it still not working

Ishani,

Please add this CSS style to your component:codefloat: right;/code

Hi,
Just to clarify i want this type of the screen, i have used grid and inside it checkboxgroup. which i want on right side

can you tell me in same grid cell how can set the text and image as shown in above image

Hello! For checkbox item add attribute (through More properties) data-iconpos=right or use the following JS preAppery("mobilecheckboxgroupName").find("label").attr("data-iconpos", "right");
Appery("mobilecheckboxgroupName").find("label").removeClass("ui-btn-icon-left").addClass("ui-btn-icon-right");/pre where mobilecheckboxgroupName - checkboxgroup name