Are modal-driven apps support CSS or bootstrap and other third-party libraries?

(0) Share

Report

Posted on by BJoshi

I will need some custom designs in model-driven powerapps.

Can anyone suggest me for the same?

Categories:

General Questions

All responses (13)

Answers (0)

BJoshi 19 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

Hi @cchannon

I got constantly below error and my component is not loading. Kindly check below error screenshot.
cchannon 4,702 Super User 2025 Season 1 on at

Like (0)

Report
Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

you want something like:
pac solution add-reference --path {full path leading to .\LinearInputControl}
BJoshi 19 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

HI @cchannon

It gives as shown in the attachment by running the below command,

pac solution add-reference --path -p

my PCF component name is LinearInputControl.

PCFpath3.png
BJoshi 19 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

Hi @cchannon
This is my expanded folder can you give me an example for the path?

PCFpath.png
cchannon 4,702 Super User 2025 Season 1 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

The --Path parameter refers to the directory where your PCF was initialized, not the directory where you initialized your Solution.
BJoshi 19 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

Hi @cchannon

As shown in the attachment, it is giving Error: Dataverse solution project file with extension cdsproj was not found in the directory. while using PCF. How can I resolve it?

Kindly refer attached screenshot. It may help you for better understanding.

PCFerr1.png
cchannon 4,702 Super User 2025 Season 1 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

If you're talking about applying custom css to the form page itself, then altering the OOB styling of a D365 model driven app form is not really supported.

What you can do is use a Powerapps Component Framework (PCF) control to build custom controls that have any styling you want, so the individual controls can have any css you want, but you can never edit the base page css.

To learn more about PCFs, I suggest you start here.
BJoshi 19 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

Hi @v-jefferni

I have uploaded an HTML file in web resources and added that in the sub area from Sitemap Designer.

By clicking on web resource I am redirecting to the browser as shown in the attachment(UI_App1). I want to add styling(Bootstrap framework) to my New LSP form as shown in the attachment(UI_App2) how can I achieve it using web resource? Kindly check the attached screenshots.

UI_App2.png

UI_App1.png
cchannon 4,702 Super User 2025 Season 1 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

Hi @BJoshi - what are you trying to accomplish with your 'custom designs'? There might be other approaches, such as PCFs that would do a better job.
BJoshi 19 on at

Like (0)

Report

Re: Are modal-driven apps support CSS or bootstrap and other third-party libraries?

Hi @v-jefferni

Thanks for a quick update.
Please let me know once you move that to the pro dev forum.