JSN UniForm Tutorials – Video 9: How To Present A Form

JSN UniForm Tutorials – Video 9: How To Present A Form


In this video we will explore three ways to present form, there are present via menu item, in module position and inside article. On the admin site, go to the Form Manager page. Here we need to edit a form which you want to present. For this video we will edit Contact Us form. Click on Save & Show button and you can see three ways to present your form. Now, let’s try each way. The first is present via menu item. Click on the Save & Show button, select “Via menu item” and select menu you want to show form on. We will show the form on Main menu. After selecting, the Menu New Item page will be shown. We need to enter the menu title, The form was edited before will be selected automatically on this page, you can select another form and edit. Select the Parent Item if you want, by default it is Menu Root Item. Click Save or Save & Close button then go to frontend to check the from. Click on the Contact menu item, and the form will be shown. The second way is present in module position. In the Form Settings page, click on the Save & Show button, select In Module Position item. We will be redirected to JSN Uniform module settings page. Here we need to enter the module title, you can also enter the top content, change the form and the bottom content. Don’t forget to select the position for your module, for example banner position. Click on the Save or Save & Close button after finishing. Go to frontend and reload to check the module position. The contact form is now showing on the banner position. The final one is present inside article. On the Form Settings page, click on the Save & Show button and select Inside Article item. The Plugin Syntax Detail modal will be shown. We need to copy the syntax and paste it to the article. We will create a new article and paste the syntax to show the form. Go to Home menu item in the Main Menu to create a new article to show form on the homepage. Select Single Article Click on the Create button a new article modal will be shown, just enter the title and paste the syntax to this article. Click on the Save & Close button to save the syntax. Finally, click on the Save button to save the article and go to frontend to check the form. As you can see the form is presented inside article. Three ways to present form have been introduced. Thank you for watching. Please check our other videos to learn more about how to work with the JSN Uniform.

Leave a Reply

Your email address will not be published. Required fields are marked *