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

Announcements

News and Announcements icon
Community site session details

Community site session details

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

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?

2024-07-09 16_35_42-Registration and 3 more pages - Work - Microsoft​ Edge.png
Categories:
I have the same question (0)
  • Verified answer
    Inogic Profile Picture
    1,283 Moderator 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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
11manish Profile Picture

11manish 56

#2
Valantis Profile Picture

Valantis 46

#3
rezarizvii Profile Picture

rezarizvii 35

Last 30 days Overall leaderboard