4

SP newbie over here. Feel free to delete if this is against the rules.

I just discovered that it is possible to build "applications" inside SP Online. Followed the Official MS docs and to be honest, it's not very helpful for a beginner level.

My objective: is to build a form that sends data to a SP list. But I need to allow users to fill the form on a different page than the one containing the list, and not through the (right) properties pane.

Is my objective doable using webpart development under SP Online. And if so, what are the minimal languages I need to learn in order to achieve it. (Noticed that the helloworld webpart code generated by default uses Typescript, so is that enough)

Thank you all !

6

Welcome to the wonderful world of SharePoint Development!

You can absolutely create a form using the SharePoint Framework that lives on it's own page (web part) and saves/loads data from SharePoint lists.

TypeScript is all you need (just select no framework in the generator). However, many find it easier to take advantage of things like React where there are several libraries and samples already available.

I'd also suggest looking into PnPJS. You can communicate back to SharePoint using the SPHttpClient within SPFx no problem, but I find PnPJS makes it much easier.

Finally, there is a lot of information out there and it can be overwhelming. I highly recommend starting with some of the available samples from SharePoint Patterns and Practices (PnP). These are full projects that illustrate how to do things and you can often adapt a sample to meet your needs or at least see how real world devs already tackled a similar problem.

Here are some samples that you may find helpful:


From a less developer focused perspective, you might look into Microsoft Forms (depending on how custom you really need to get). There are available templates from Microsoft Flow to automatically save results from a form submission directly into a SharePoint List. This is definitely a one way (so only submission) approach but the form itself can be hosted on a modern page or embedded nearly anywhere else.

Moving up in difficulty but still less developery is PowerApps. Generating a quick PowerApp from an existing list is pretty painless and then it can be customized from there. You can also host your PowerApp on a modern page.

  • 1
    Thank you ! In answer to the less developer focused perspective. I've already implemented this using PowerApps. However Microsoft Forms is not as customizable as SP or PA. (I need to show additional text fields to fill conditionally if the user selects an element in a dropdownbox. Such options aren't available in Microsoft Forms. That is why I decided to jump into SP with hope that the scope of customization is broader. – Yassine Lachgar Nov 12 at 15:34
  • Forms does offer branching (questions can be shown conditionally based on answers to other questions) but you might mean something more than that. Forms is awesome, but it is purposefully limited for simplicity. SPFx definitely provides much broader customization! – theChrisKent Nov 12 at 16:47

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.