Hi Johan,

Did you look at documentation?

https://our.umbraco.org/Documentation/Products/UmbracoForms/Developer/

Thanks,

Alex

Hi Alex,

Yes, but can't find an example of extending workflow with your own picker.

Extending the form on frontend is no problem, but I want an custom workflow where to select data from my own providers. (api's to external systems). Can somebody help me how i can create an angular workflow setting (member picker for example).

Thanks,

Johan

You can take a look at old build in ones they are stored in the dir

\App_Plugins\UmbracoForms\Backoffice\Common\SettingTypes\

It is very similar to creating a prop editor the Umbraco backoffice, so you need to register your js (controller and possible other files) in a package.manifest and then the main difference is is that you don't need to work with or manipulate model.value but setting.value

A third party example can be found here https://github.com/TimGeyssens/UIOMatic-Loves-Forms/tree/master/src/UIOMaticLovesForms/App_Plugins/UIOMaticLovesForms

Then to use it you just need to set the view property of the setting attribute to the location of the new view like

Like in this example https://github.com/TimGeyssens/UIOMatic-Loves-Forms/blob/master/src/UIOMaticLovesForms/Providers/UIOMaticDataSource.cs#L27

ANd if you want a member picker I think you can start from the UI-O-Matic member picker

View: https://github.com/TimGeyssens/UIOMatic/blob/master/src/UIOMatic/AppPlugins/UIOMatic/backoffice/views/pickers.member.html Controller: https://github.com/TimGeyssens/UIOMatic/blob/master/src/UIOMatic/AppPlugins/UIOMatic/backoffice/views/pickers.member.controller.js

Again main difference that you'll need to adjust is that you are working with setting.value not model.value (or property.Value in UI-O-Matics case)

is working on a reply...