How to open modern list item details pane from custom SPFx web part

%3CLINGO-SUB%20id%3D%22lingo-sub-2757991%22%20slang%3D%22en-US%22%3EHow%20to%20open%20modern%20list%20item%20details%20pane%20from%20custom%20SPFx%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2757991%22%20slang%3D%22en-US%22%3E%3CP%3EI%20would%20like%20to%20open%20the%20modern%20Details%20Pane%20for%20a%20list%20item%20in%20response%20to%20some%20action%20(click)%20taken%20in%20a%20custom%20SharePoint%20Framework%20web%20part.%26nbsp%3B%20My%20SPFx%20web%20part%20would%20display%20items%20from%20a%20SharePoint%20list.%26nbsp%3B%20I%20want%20the%20user%20to%20be%20able%20to%20select%20an%20item%20or%20click%20a%20link%20for%20an%20item%20that%20will%20open%20the%20Details%20Pane%20for%20the%20item%20as%20if%20the%20user%20had%20selected%20the%20item%20in%20a%20normal%2C%20modern%20list%20view%20and%20clicked%20the%20little%20icon%20to%20open%20the%20Details%20Pane.%26nbsp%3B%20Is%20this%20possible%3F%26nbsp%3B%20The%20item%20details%20could%20open%20in%20the%20pane%20on%20the%20right%20of%20the%20page%2C%20or%20in%20a%20modal%20dialog%2C%20or%20on%20some%20sort%20of%20dedicated%20separate%20page--I'm%20not%20picky%20about%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20already%20somewhat%20invested%20in%20using%20the%20ootb%2C%20modern%20customization%20tools%20for%20list%20item%20forms.%26nbsp%3B%20I've%20done%20this%20because%20I%20couldn't%20find%20a%20way%20to%20tell%20a%20SharePoint%20modern%20list%20to%20use%20a%20custom%20(e.g.%20in%20SPFx)%20form%20(PowerApps%20is%20not%20an%20option)%20when%20clicking%20a%20New%20button%2Flink%20for%20the%20list.%26nbsp%3B%20I%20don't%20want%20to%20maintain%20two%20different%20ways%20of%20editing%20properties%20of%20list%20items%20depending%20on%20how%20you%20come%20at%20them.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Visitor

I would like to open the modern Details Pane for a list item in response to some action (click) taken in a custom SharePoint Framework web part.  My SPFx web part would display items from a SharePoint list.  I want the user to be able to select an item or click a link for an item that will open the Details Pane for the item as if the user had selected the item in a normal, modern list view and clicked the little icon to open the Details Pane.  Is this possible?  The item details could open in the pane on the right of the page, or in a modal dialog, or on some sort of dedicated separate page--I'm not picky about this.

 

I'm already somewhat invested in using the ootb, modern customization tools for list item forms.  I've done this because I couldn't find a way to tell a SharePoint modern list to use a custom (e.g. in SPFx) form (PowerApps is not an option) when clicking a New button/link for the list.  I don't want to maintain two different ways of editing properties of list items depending on how you come at them.

 

Thanks.

0 Replies