Scripting through SPFX

Question

AS
Arslan Siddique (arslan)Created on May 5, 2021
Scripting through SPFX
ImageImageI'm doing applying scripting on the sharepoint list through SPFX but I could not get any exact solution.Actually i want to apply a popup text through sharepoint list for enter new item in list after the item data will be saved from referral list.Actually this a my problem if you anyone have solution about this then share it here please

1st 1 photo is a sharepoint list after click on new then popup text will be appear on the list.

2nd 1 photo doing appearing the popup .

Now I want to apply 3 edittext fields and 1 submit button on this popup

Thank you so much.![93856-screenshot-5.png][3]

1. List item

Answer 1

Hi @Asghar Afzal ,

You need to create a new cutom dialog box extends the BaseDialog class, then you could use the pnp js to add items: https://pnp.github.io/pnpjs/sp/items/#add-items.

Here is an article shows how to create Custom Dialog Boxes: https://www.c-sharpcorner.com/article/spfx-creating-custom-dialog-boxes-without-a-javascript-framework/

Below is my demo for you: https://github.com/michaelhan-1/michael/blob/master/CustomDialog.ts

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.