Is it possible to open EditForm panel from my SPFx webpart? Something like in list view, if an item is selected, side panel appears with read-only properties and a button "edit all" enables user to open panel for edit. I would like to re-use this button in my own webpart. If possible, I would also like to re-use the read only box with item properties in side panel.


  • do you find any way? – love thakker Dec 27 '18 at 12:06
  • No, not really. It seems that the item detail popup component is not reusable. – Jan Novák Jan 3 '19 at 14:57
  • This is a very clunky solution, by using the propertypane itself: julieturner.net/2017/07/… it's hard to maintain – Martin Braun May 11 '20 at 15:41

I'm not aware of a way to export this exact component, however you could go about making your own version with SPFx. The side panel, link, and text field components are all available as React components in the Microsoft Fabric UI library and would be able to be wired up to your web part.

The context of whatever you've selected can be passed as props to your edit panel.

  • Problem is the Fluent UI (formerly Fabric UI) offers a "Panel" that is overlapping the entire site and not using the SPPropertyPane container of SharePoint that does not overlap and is basically an additional column on the body. – Martin Braun May 11 '20 at 14:34

I'm looking to do something similar. At the moment I am constructing a URL to the items display form (which in Modern allows users who have edit permissions to update properties as well) and rendering that link in an iFrame within a side panel. It works but is not very snappy (then again neither is the OOTB info panel) and it shows back-links to the list, which I'd rather hide.


This might require extra hours of development. I have a similar task with SPFx and I ended up creating my custom view

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.