How to create a multi step registration form in react-native? - react-native-ios

I'm trying to create a multi-step form in react native which consists of personal information on first step, address details on second step and review the info and submit button on third step.
All fields should pass through validation.

Related

Integrate Netlify forms to Hubspot forms with help of Zapier [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 11 months ago.
Improve this question
I need to integrate Netlify forms to Hubspot forms with help of Zapier. Please provide steps to attach both app forms
Netlify form
Netlify inside form
Here are the steps to integrate netlify to hubspot with help of zapier.
before integration it is recommend that you logged-in to netlify and hubspot application for smoother operation.
1. Create hubspot form before integration
Create hubspot form. Marketing --> Forms
In forms page select Create form
Select form type(I have selected standalone form because we have to create custom form and we are not going to use hubspot form.) and select Next button
Select Blank form and Select Start
You can select inputs(fields) by selecting Existing properties fields or you can create your own by selecting Create new
Create form same field or you can create field by custom name Yes! you can do that because zapier lets you integrate two different fields.
After creating needed fields select update and publish.
this are the steps you have do first before integrate netlify form to hubspot
2. Start zapier integration
Open Zapier dashboard.
In create your own flow please follow steps mentioned in Screenshot and then click on Try it and click on Get Started on next page
Connect hubspot with zapier
Now select site(server) in which your forms are added and click Next
Now select the netlify form you want to integrate with hubspot and click Next
If zapier is not showing site or form please try with click on Refresh list button. sometime it helps a lot.
Now you are in connect hubspot account, click on create a new account and popup opens up. now select account and click on choose account. and popup closes.
Now select the hubspot account and click Next.
Now you have a selection of hubspot forms. there you can find the forms which we have created in Step 1
Now select the form which you have created recently and click Next.
Now select the fields which you have created in hubspot and click Next. some fields are default by hubspot(note:- these fields are from hubspot not from netlify. netlify comes in next section)
Now you are in mapping screen where you can map hubspot fields with netlify fields. After complete the mapping click Next.(Note:- in Netlify form there must be minimum 1 record inserted)
Now we are almost done. check for mappings and click on Send test to test mail. if mapping is wrong just go back and update the mapping. and test again. After your satisfaction just click on Next button
Finally
14. Review the integration and click on Turn on Zap button.
And That's it! Your integration is completed. now you can get get every netlify form data(live) to hubspot on every new netlify submission.

Azure AD B2C Post Sign In Information Collection

I am putting together a PoC to show Sign In followed by selection of a value from a dropdown box that is populated from an external API.
Standard Sign In is perfect and the example at https://github.com/azure-ad-b2c/samples/tree/master/policies/selectemail is great but I need to chain the 2, eg must successfully sign in first and then call the API to retrieve data for the user to select.
I know that this can be done with a 3rd part application between B2C and the end application but I am trying to avoid that. Can anyone point me to how I would go about doing this?
Concatenate the user journey steps in the sample with the user journey you have. And concatenate the technical profiles in that sample into the policy file you are currently using (eg TrustframeworkExtensions).
Now you will have sign in -> rest api call -> display dynamic drop down box page.

Calling an api in Azure AD B2C custom policy for postal address validation

I've been tasked with setting up our company's Azure B2C environment. I've made a lot of progress and have had to use Custom Policies, as the default User Flows don't give us enough flexibility.
One of the requested features is to have a section in the SignUpOrSignIn policy, so that when a user signs up for the first time, we want to validate their postal address through an address validation api provided by a third party.
The way the api works, is first you pass in the post code, eg: AA11 1AA. The response will include a list of all the available addresses for the provided post code. You then call the api a second time with the unique id of the selected address, and this time the response breaks the address details out into each of its parts, eg: Line 1, Line 2, Town, County, Post Code.
So far I have an input for the postcode in the UI. I need to take this value and pass it to the api.
I now want to be able to display the list of addresses to the user in a DropdownSingleSelect list. Is it possible to dynamically populate these, rather than hard coding into the xml file? I also need to hide this list until it is populated.
Then after displaying the list to the user, they will select their address. This will then need to submit a second call to the api with the unique id.
Then the response needs to be populated into each of the address fields which are hidden up to this point. I also need to prevent the button at the bottom of the page to create the user from being active until this sequence is complete.
Are these actions possible? Or are the requirements too complex for B2C? Any suggestions?
You can generate a dynamic dropdown box with javascript and some hidden fields rendered by B2C after getting the details from the REST API.
See this sample:
https://github.com/azure-ad-b2c/samples/tree/master/policies/selectemail

Sitecore 9 forms - capture input from form then put that information to exm email template

How do you get the user input (e.g. First Name, Last Name etc...) from sitecore 9 forms then put that to exm email template before sending the email?
What i want to achieve is for example: I have a form that have first name, last name and position and comments field and i want that user input data (first and last name, position and comment) to be pass on the email template that on the EXM and send it as an email upon clicking the submit button in the form. Is that possible?
You need to update the contact details, you can do that with a custom save action.
It is documented on the Sitecore doc website see:
Walkthrough: Creating a custom submit action that updates contact details
This are the steps:
Create a submit action class
Create the SPEAK editor control
Add a folder that contains parameters for the editor
Create the client script for the editor
Create a submit action item
The following blog explains Sitecore Forms Send Email Campaign message alternative you can also create an custom sent e-mail or if you need other examples of custom Forms extensions see Sitecore-Forms-Extension-Pack

Pre-populate contact information

If a person has previously filled out a contact us form on our website, the next time they visit that form I would like their information pre-populated. Using Kentico EMS and the form builder, how can I make that happen?
you can access the contact informant via macros or custom macro methods and place it in the contact form default values (I would use an alternative form), but often you do not know if the user already exists unless they are logged in or enter the same email (which you would then need to add a client side trigger to Ajax an api once the email field is filled out, check for that contact in the api, return json of their info and populate the form).
to build the api you can either use the Kentico rest service or if you need more flexibility use the web part to api coupled with a repeater with custom query, adding the right where condition through macros.

Resources