React Multipage sample query and surfacing forms with the SharePoint Framework

%3CLINGO-SUB%20id%3D%22lingo-sub-82913%22%20slang%3D%22en-US%22%3EReact%20Multipage%20sample%20query%20and%20surfacing%20forms%20with%20the%20SharePoint%20Framework%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-82913%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHi%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20looking%20to%20build%20a%20set%20of%20of%20%26nbsp%3Bimput%20forms%20%26nbsp%3Bfor%20a%20client%20that%20sort%20of%20mimics%20%26nbsp%3Ba%20Master-Detail%20type%20user%20experience.%20%26nbsp%3BIf%20I%20can't%20manage%20the%20Master-Detail%2C%20the%20minimum%20is%20to%20pass%20date%20between%20pages.%20%26nbsp%3Bso%20having%20%26nbsp%3Bcloned%20the%20Spfx-samples%20repo%2C%20I'm%20%26nbsp%3Blooking%20at%20the%20React%20samples%20that%20are%20close%20to%20what%20I%20need%20to%20acheive.%20Taking%20the%20React%20Multipage%20sample.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIn%20the%20ReadMe%20it%20has%20the%20following%20text%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%3CDIV%3E%3CEM%3E%22-%20from%20the%20**.%2Ftemp**%20directory%20create%20a%20copy%20of%20the%20**workbench.html**%20file%20and%20rename%20it%20to%20**workbench.aspx**%3C%2FEM%3E%3C%2FDIV%3E%3CDIV%3E%3CEM%3E-%20in%20the%20**workbench.aspx**%20file%20change%20the%20value%20of%20the%20**webAbsoluteUrl**%20property%20to%20the%20absolute%20URL%20of%20your%20SharePoint%20site%3C%2FEM%3E%3C%2FDIV%3E%3CDIV%3E%3CEM%3E-%20upload%20the%20**workbench.aspx**%20file%20to%20a%20document%20library%20in%20your%20site%22%3C%2FEM%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E1)%20%26nbsp%3Bwhy%20do%20we%20need%20this%20step%20given%20I%20have%20step%20a%20(live)%20MS%20Teams%20test%20site%20for%20my%20testers%20and%20so%20I%20have%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdomain.sharepoint.com%2Fsites%2Fmyproject%2F_layouts%2FWorkbench.aspx%26nbsp%3B%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdomain.sharepoint.com%2Fsites%2Fmyproject%2F_layouts%2FWorkbench.aspx%26nbsp%3B%3C%2FA%3E%3C%2FP%3E%3CP%3E2)%20In%20the%20renamed%20Workbench.html-%26gt%3BWorkbench.aspx%20there%20isn't%20a%20a%20WebApsoluteUrl%20property%20as%20viewed%20in%20VS%20Code.%20%26nbsp%3BAll%20the%20src%20properties%20point%20to%20LocalHost.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFinally%2C%20If%20want%20to%20deploy%20and%20test%20to%20an%20external%20dev%20tenant%20(_workbench.aspx).%20Is%20there%20a%20way%20to%20ensure%20Gulp%20serves%20the%20latest%20build%20to%20this%20without%20needed%20the%20upload%20my%20web%20parts%20to%20app%20catalogue%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Regular Contributor

 

Hi

 

 

I looking to build a set of of  imput forms  for a client that sort of mimics  a Master-Detail type user experience.  If I can't manage the Master-Detail, the minimum is to pass date between pages.  so having  cloned the Spfx-samples repo, I'm  looking at the React samples that are close to what I need to acheive. Taking the React Multipage sample.

 

In the ReadMe it has the following text:

 

"- from the **./temp** directory create a copy of the **workbench.html** file and rename it to **workbench.aspx**
- in the **workbench.aspx** file change the value of the **webAbsoluteUrl** property to the absolute URL of your SharePoint site
- upload the **workbench.aspx** file to a document library in your site"

 

1)  why do we need this step given I have step a (live) MS Teams test site for my testers and so I have

https://domain.sharepoint.com/sites/myproject/_layouts/Workbench.aspx 

2) In the renamed Workbench.html->Workbench.aspx there isn't a a WebApsoluteUrl property as viewed in VS Code.  All the src properties point to LocalHost.

 

Finally, If want to deploy and test to an external dev tenant (_workbench.aspx). Is there a way to ensure Gulp serves the latest build to this without needed the upload my web parts to app catalogue?

 

 

 

0 Replies