71
Views
6
Comments
Solved
Fix check mark in checkbox -alignment problem
Application Type
Traditional Web

Hello:

            I can t seem to figure out why the check mark is off to the left.  Also I prefer the mark to be darker (black).  Screen name is CreateOrder

thank you

DISERequesterjan13.oml
2022-12-09 04-50-17
Shubham Doshi
Solution

Hello huy nguyen,

I can see in your OML, your checkbox has bottom-margin. You can set the bottom-margin to zero and enclose the checkbox in a separate container having width set to 'Auto'


I have shared the OML also. Please go through it.

DISERequesterjan13.oml
UserImage.jpg
huy nguyen

thank you very much for your help.

2022-12-09 04-50-17
Shubham Doshi
2022-03-08 06-34-45
swapnil powar

Hello,

You can inspect the page and check where the problem is.

Regards,

Swapnil Powar

2023-10-21 19-42-11
Tousif Khan
Champion

Hello 
You just have to Inspect it on a browser and play around with CSS like this way and change the top, left, right,bottom properties and try changing them on a browser , and once you get the desired result just copy that CSS from the Inspect window and paste it on to your Stylesheet


I hope this will help.

Best Regards
Tousif Khan

2023-03-16 16-29-51
Paulo Rosário

Hello Huy, 

You can the display: flex property to your container and that should fix the issue.

Or use the align center widget from OutsystemsUIWeb

Hope it helps! 

Paulo Rosário

2022-12-09 04-50-17
Shubham Doshi
Solution

Hello huy nguyen,

I can see in your OML, your checkbox has bottom-margin. You can set the bottom-margin to zero and enclose the checkbox in a separate container having width set to 'Auto'


I have shared the OML also. Please go through it.

DISERequesterjan13.oml
UserImage.jpg
huy nguyen

thank you very much for your help.

2022-12-09 04-50-17
Shubham Doshi
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.