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 / Adding styles and form...
Power Pages
Unanswered

Adding styles and formatting to power pages multistep forms

(1) ShareShare
ReportReport
Posted on by 5

I am trying to give give good UI look and feel to multistep form but i don't know where we can format CSS or add this.

 

 

Categories:
I have the same question (1)
  • EmadBeshai Profile Picture
    806 Moderator on at

    Hi @Ashish10Pal ,

     

    From https://make.powerpages.microsoft.com/ you can edit your website

    EmadBeshai_0-1719952584316.png

    Select your Theme and click on the 3 dots(...) for that Theme and select manage CSS

    EmadBeshai_1-1719952752612.png

    You will find the custom CSS file and you can upload more CSS files to your website

    EmadBeshai_2-1719952807562.png

     

    If this post helps you with your problem, please mark this answer as Accepted Solution.

    If you like my response, please give it a Thumbs Up. 

     

  • Suggested answer
    Harry Leach Profile Picture
    2 on at
     
    You cannot edit a form as a component in Power Pages natively, nor can you simply add CSS as @EmadBeshai suggests.
     
     
    The guide explains this:
     
    The only way to create a form without the constraints Microsoft has put in place is by creating a custom web template (Web templates | Microsoft Learn) and adding an HTML form using the logical names of the Dataverse table column fields to capture data. 
     
    From there, configure the Power Pages site settings to allow WebAPI to create new records in Dataverse. You will also need to make sure the correct table permissions are also configured. 
     
    From here, you need to use the Power Pages WebAPI so that it will take the data added to the form and create a new record in Dataverse when the form submit action is called. Use this extension to generate the script/code: Dataverse REST Builder - Microsoft Edge Addons
     
    From there, you can add any CSS you want. 
     
    Create the page template and use it to create a web page with the appropriate table permissions to allow users to create new records. 
     
    Hope this helps. I was stuck on this for hours, and only in the past half an hour have I managed to make it work. 
     
     
  • Suggested answer
    Fubar Profile Picture
    8,346 Super User 2025 Season 2 on at
    It really depends on what it is that you want to change:
    • General styling is available in the Designer
    • You can add a custom CSS file to add your own classes or override existing ones (note: if wanting to override existing CSS you need to add the !important keyword at the end of each css entry) - see the link below
    • The Web Page your form is on has an area for CSS - available from the Power Pages Management app or the Code editor in the designer.
    • Some styling can be applied against the Steps by adding classes in the areas provided (e.g. previous/next buttons) - available from the Power Pages Management app.
    • Some styling can also be applied against elements on each step using Metadata records against the step (e.g. attributes on the form step can have a custom CSS class added).
    • You can also dynamically apply style using JavaScript/JQuery to add classes or change inline 
     

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
Fubar Profile Picture

Fubar 70 Super User 2025 Season 2

#2
Jerry-IN Profile Picture

Jerry-IN 55

#3
sannavajjala87 Profile Picture

sannavajjala87 31

Last 30 days Overall leaderboard