Unanswered

How to custom UI of form?

(0) Share

Report

Posted on by Tam5sense

I see there are articles here to customize the UI of the list when creating custom components
https://learn.microsoft.com/en-us/power-pages/configure/web-templates-as-components-how-to
But for the form, how can I customize it?
+ I want to change the html/css code of the modal form (maybe background color, responsive)
+ I want to create new element or component on form

Categories:

Design & build

I have the same question (0)

All responses (2)

Answers (1)

Verified answer

Fubar 8,338 Super User 2025 Season 2 on at

Like (0)

Report

You don't have the same control over the modal forms themselves. The portals basic form definition does have a place for custom JavaScript (and via JavaScript you can adjust the CSS), and on fields you can also do some additional stuff by adding form metadata records, and you can also embed HTML Web Resources on the Dataverse Form that is being used and have it render (tickbox on the portal form definition).
Also, if you really wanted to you could build your own modal popup using HTML, JavaScript and the Portals Web API.

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report

Hi @Tam5sense

It is possible to build a custom form with the help of Portals web api and web template and maybe Copilot (if you can use it)

Have a look at the below article

https://readyxrm.blog/2023/07/09/build-custom-html-forms-in-power-pages/

Have fun
Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No