Unanswered

Guide to learn Development in JS for Power Pages

(1) Share

Report

Posted on by BBC_Astha

Hello,

I am new to Power Page and in process of learning new stuff. I saw an "edit in VS Code" option in Power Pages Designer Studio

I experimented with .css file to change the design and with JS as well.

1. If there is a proper guide to learn JS for Power Pages, it would be good if you can recommend some resources and videos?

2. How much JS Capabilities can be used within Power Page? like onclick of the button can we trigger an API Call?

3. Can we store Data into Dataverse through JS?

Categories:

Design & build

I have the same question (0)

All responses (2)

Answers (0)

Fubar 8,346 Super User 2025 Season 2 on at

Like (1)

Report
There is not really a good official guide, but you will find various blogs and videos describing various things from various people. You can use plain JavaScript but more often than not you will find that people use JQuery (as it is already in the Portal/Site).

Its also not just about JS when you start to look at customizing things, there are also things like Liquid code (liquid runs server side) whereas JS runs Client/browser side. This link has a brief overview and a few other links to things

https://learn.microsoft.com/en-us/power-pages/configure/developer-overview

This link shows how to set a simple field value (but not a complex one like a lookup field), and adding extra validation into the supplied Validator object so your validation looks the same as the out of the box validation) https://learn.microsoft.com/en-us/power-pages/configure/add-custom-javascript

This link adding JS to a List (can also be adapted for a Subgrid) https://learn.microsoft.com/en-us/power-pages/configure/add-custom-javascript-list

Can you update Dataverse via JS - Yes, you would use the Portals Web API

https://learn.microsoft.com/en-us/power-pages/configure/web-api-overview

Use the safeAjax wrapper rather than writing your own: https://learn.microsoft.com/en-us/power-pages/configure/write-update-delete-operations#web-api-ajax-samples

https://learn.microsoft.com/en-us/power-pages/configure/read-operations

https://learn.microsoft.com/en-us/power-pages/configure/write-update-delete-operations

Was this reply helpful? Yes No
Talha Manzoor 4 on at

Like (0)

Report

I would suggest you to go to Microsoft learn documents to learn Power pages website

Was this reply helpful? Yes No