Customization of power page list

(1) Share

Report

Posted on by mnadil

I am trying to achieve following requirement:

a) Add approve and reject button in a list

b)On click on approve and reject button open a dialog box.

c)On click of save button which appears on dialog, change a column value exists in the table of data verse.

Please help me achieving same.

Attached the requirement snapshot for your reference.

Categories:

Design & build

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Madhankumar_L 75 Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hello @mnadil,
I have understood your need exactly, to achieve your need you should follow the below steps!
1. First you go to the power pages design studio.
2. Select the webpage where you have placed your list view and then open edit code in 3 dots.
3.In vs code you have see the 3 files Html file,javascript file and css file.
4. You should create a <th> element tag for both heading. And also for <td> element for icon or button for approve and reject. eg(
$(document).ready(function(){
$("table>thead>tr").append("<th>heading</th>");
});
)
Note: You must write javascript code using jquery.
5.And you also create a modal popup for confirmation to create this you have to write the code for modal popup using javascript.
6.Finally in modal popup button you configure a ajax create javascript code, you don't need to write your own, this code available in microsoft official document.
https://learn.microsoft.com/en-us/power-pages/configure/write-update-delete-operations#wrapper-ajax-function
7.Make sure you have to change the entity name in webapi.
8. Before you do the above steps you first create webapi configuration in site settings.

Was this reply helpful? Yes No
Madhankumar_L 75 Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

@mnadil Kindly accept my reply if you thought useful means.
Thank you!

Was this reply helpful? Yes No
mnadil 8 on at

Like (1)

Report
Copy link

Link copied!

@Madhankumar_L Thank you for your reply.
Can you please elaborate a bit on step number 7 & 8
Do I need to create any Web API to achieve this?

I am very new in power page platform, detail explanation will help me a lot.

Was this reply helpful? Yes No
Verified answer

Madhankumar_L 75 Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Yes @mnadil you have to create a web api's for transferring data to your website from data verse in site settings.
This video will help you to find your exact need.
https://youtu.be/QVrghtbUIVY
If this solution is helped you means kindly accept this solution.Glad to help you more...

Thank you...

Was this reply helpful? Yes No