web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Fix checkbox field ali...
Power Pages
Unanswered

Fix checkbox field alignment on form

(2) ShareShare
ReportReport
Posted on by 5

See attached screenshot. Anyone know how I can fix the alignment of this checkbox field so it's in line with the other fields?

Categories:
I have the same question (0)
  • Verified answer
    Inogic Profile Picture
    1,135 Super User 2025 Season 2 on at

    Hi @garblaster ,

     

    You can fix this by removing the Component from the PowerApps for the specific form,

     

    Please Refer to the screenshot below,

     

    Inogic_0-1720601894674.jpeg

    Below will be the output for the same,

     

    Inogic_1-1720601894678.jpeg

     

    As an alternative approach you can also try to change the Modify the CSS of the Field for the specific form,

     

    Navigate to the Power Pages Management > Under the content >  Basic forms > Select form > Additional Settings > Custom Scripts,

     

    Paste the below code snippet :

     

    $(document).ready(() => {

        $("td:has(.checkbox)").find(".control").css("margin-left", '30px');

    })

    Please refer to the screenshot given below,

     

    Inogic_2-1720601894690.png

     

    Below will be the output for the same,

     

    Inogic_3-1720601894693.png

     

    Thanks!

  • TreeHuggingSysAdmin Profile Picture
    5 on at

    @Inogic Thank you so much for the quick response and for solving this problem!  

     

    I did end up using the javascript code because I wanted to use the checkbox component. 

    For anyone else needing to do this, I altered the code to also move the description and info required fields over. 

     

    $(document).ready(() => {
    // Move the checkbox control
    $("td:has(.checkbox)").find(".control").css("margin-left", '30px');

    // Move the description
    $("td:has(.checkbox)").find(".description").css("margin-left", '30px');

    // Move the info required field
    $("td:has(.checkbox)").find(".info.required").css("margin-left", '30px');
    });

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Pages

#1
Jerry-IN Profile Picture

Jerry-IN 71

#2
Fubar Profile Picture

Fubar 62 Super User 2025 Season 2

#3
sannavajjala87 Profile Picture

sannavajjala87 31

Last 30 days Overall leaderboard