Create custom list forms for a data list

Luna
Luna
  • Updated

Create customized forms for three function pages.

  • New Item - Add new item(s);
  • Edit Item - Edit existing item(s);
  • View Item -View page of each item.

You can start from the steps as following:

  1. Add a Form
  2. Copy to a new one
  3. Display settings

Default Form

After the fields have be set, you may add some data by clicking "+Add" button (at upper right). 

Yeeflow has a defaulted layout which contains all fields to fulfil, check below is our demo view. You can keep it or you may custom it if any. 

Data_List_New_Item_Default.jpg

Click the more action button(near +Add) and go to "Forms" settings page. You will see there is no customized form under "Forms" and generally you have three layouts/displays to be presented:

1, New Item; 2,Edit Item; 3, View Item.

Data_List_List_Form_Display_Settings.jpg

1. Add a Form(s)

Firstly, you need go to "Forms" and click "+" to create your custom form. Define the form name, e.g. NewPage.  Then "Edit" it to be directed to a new and blank page.

 

Data_List_Form_Designer.jpg

 

To learn more about how to design the custom list form, please refer: Understand the List Form Designer.

 

2. Copy to a new/existing form(if any)

After your custom the form of "NewPage" and you may copy this to a new form or replacement of existing form. You may take quick custom with the copied one.

As list form has 3 displays to show and you may custom 1-3 or more forms for different views. 

Data_List_List_Form_Copy.jpg

3. Display settings 

Upon your above completions, you need go to "Display Settings" to define the form selection.

You can set the three items with the same form or their own form if any.

  That you can select all of forms which includes the default layout

② That you can define this form to be shown in popup window or full window. 

Data_List_List_Form_Display_and_Open.jpg

<Return to Top>

User Interface

If you have already added some item(s) in it. Let's have a simple review as customized by this demo. 

Data_List_Custom_Edit_Form.jpg

<Return to Top>

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.