Understand Popup Subform | Zoho Creator Help

Understand Popup Subform

In Zoho Creator, the subform field enables you to display a form within a form. The form in which you add a subform is referred to as the main form. You can either create a blank subform whose existence is inside the main form or add an existing form (present in your app) as a subform.

As you know, forms provide three major functions — data storage, data relationship, and data entry. To improve the user experience and ease the data entry process, Creator provides the ability to open the subform rows as a popup and enables users to fill them with their data. The popup entry will then be added as a new row in your subform. Enabling the List view type for subforms will display the subform as a pop-up. 
For example, let's say you have a subform with multiple fields in it. The fields in your subform will be listed horizontally, which leads to endless horizontal scrolling for users to add records. By choosing the view type as list, the subform will open as a popup. Users can now easily view the fields in your subform popup listed vertically and add the required data.

When you use an existing form as a subform, the original form's exact structure will be replicated in the subform popup, thereby ensuring consistency in its look and feel. Let's say you’ve used a multi-column layout and section fields in your form. The same layout will be displayed in the subform popup.
The following fields are currently not supported in a blank subform. 
  1. Signature
  2. Auto number
  3. Formula
  4. Section
  5. Notes
  6. Users
The following fields are currently not supported in an existing subform. 
  1. Auto number
  2. Section
  3. Notes

View Type

You can select how your users will view the subform entries from the following view types:
  1. Grid view - Users can add data in the subform rows that will be listed in rows and columns.

  2. List view - The list view is similar to the list report in appearance. When you try adding or updating data in each subform row, a pop-up will be displayed listing out the fields with vertical scrolling. Each popup entry will then be added as a subform row. 

You can choose the list view for subforms in which you can expect to experience less-frequent modifications, but have a large number of rows. This view also substantially reduces the loading time while editing subform rows.

Example

Let's assume you have built a Zylker Inventory Management application that is used to streamline your business by efficiently maintaining and managing inventories from raw materials to finished products. There is an in-house Purchase Order form that enables you to place orders for required materials. This form includes a subform named Product Items that allows you to add rows of product details that you require. This subform has fields named Item No, Item Name, Specification, Unit, Quantity, Unit Price, Preferential Amount, Discount, Final Amount, and Note. It might be tedious for you or your users to scroll horizontally every time they add a row in your subform. You can choose the view type for your subform as List View. Now, when your users try to add a new row of data, it will open a popup subform where fields will be listed  vertically.
Vertical scrolling is conventional and intuitive when working with subforms that contain numerous fields, as it ensures better user experience and space management.
Users can now easily add data and the popup entry will be added as a subform row.


Things to Know

  1. If you have any hidden fields in your subform, an eye icon will be displayed in their respective columns in each of the subform rows. 
  2. If you have any disabled fields in your subform, their respective columns will be greyed out. You cannot edit such field entries.
  3. If you've added form fields inside your existing subform in a multi-column layout , then the popup subform will also open with the same layout.
  4. In the case of composite fields such as name and address fields, the display fields will be shown as comma-separated values in the subform rows. 
  5. You can add subform rows when you expand/collapse your subform.
  6. You can edit and delete your subform rows. While editing, the popup subform will appear if you've chosen the List view type.
  7. No alerts will be shown when the Edit Row popup is closed, even if an on-user input workflow is triggered.
  8. You can add and delete subform rows from popup (list view) subforms, similar to grid view subforms. 
  9. When deletion of subform row is disabled in field rules, the Delete button will not be visible upon adding a row.
  10. When multiple fields are present in a subform field to a point where horizontal scroll is enabled, the first two columns of subform rows are frozen. This keeps essential fields' values as reference points that are visible throughout while you view, add, or edit other field values in a subform row.

    To enhance readability of the visible fields in the viewport (visible space in UI), this subform freeze is activated based on the condition that the first two columns combined should be equal to or less than:
    1. 30% of the viewport's width for forms that are added as a primary component within an application.
    2. 40% of the viewport's width for embedded forms in a page, and for published forms outside an application.
    When the combined width of the first two columns exceeds the above mentioned limit:
    1. If the first column complies with the limit, the freeze will be activated for only this column.
    2. If the first column exceeds the limit, the subform freeze will not be activated.
  11. If you've set the field size (width) for the fields added in your subform, the same will be applied to the popup subform as well.

Sorting

The subform field comes with the ability to sort the rows added within the subform in a specific order. The sort option is available in the field properties of the subform and can be applied for both view types. You can choose to auto-sort subform records based on a field or allow users to sort them in a custom order. Learn more

Mobile Properties

When the list view type for subforms is enabled, the subform will be opened in the next screen, where users can add their data. This data will then be added as a subform row.
The sorting option and view type you've chosen for your subform fields in web browsers will automatically be applied to both mobile and tablet devices.
  1. Grid view - In mobile, the grid view works like an inline subform, so users can add data in the subform rows in the same screen with the rows being listed one below the other.

  • List view - In mobile, the list view opens the subform in the next screen, where users can add their data. This data will then be added as a subform row.

  • Related Topics

    1. Understand Subform Field
    2. Enable Subform Field Sorting

      Access your files securely from anywhere

        Zoho CRM Training Programs

        Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

        Zoho CRM Training
          Redefine the way you work
          with Zoho Workplace

            Zoho DataPrep Personalized Demo

            If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

            Zoho CRM Training

              Create, share, and deliver

              beautiful slides from anywhere.

              Get Started Now


                Zoho Sign now offers specialized one-on-one training for both administrators and developers.

                BOOK A SESSION





                            Quick Links Workflow Automation Data Collection
                            Web Forms Enterprise Begin Data Collection
                            Interactive Forms Workplace Data Collection App
                            CRM Forms Customer Service Accessible Forms
                            Digital Forms Marketing Forms for Small Business
                            HTML Forms Education Forms for Enterprise
                            Contact Forms E-commerce Forms for any business
                            Lead Generation Forms Healthcare Forms for Startups
                            Wordpress Forms Customer onboarding Order Forms for Small Business
                            No Code Forms Construction RSVP tool for holidays
                            Free Forms Travel
                            Prefill Forms Non-Profit

                            Intake Forms Legal
                            Mobile App
                            Form Designer HR
                            Mobile Forms
                            Card Forms Food Offline Forms
                            Assign Forms Photography
                            Mobile Forms Features
                            Translate Forms Real Estate Kiosk in Mobile Forms
                            Electronic Forms

                            Notification Emails for Forms Alternatives Security & Compliance
                            Holiday Forms Google Forms alternative  GDPR
                            Form to PDF Jotform alternative HIPAA Forms
                            Email Forms
                            Encrypted Forms
                            Embeddable Forms
                            Secure Forms
                            Drag and Drop form builder
                            WCAG


                                              You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                                  Manage your brands on social media

                                                    Zoho Desk Resources

                                                    • Desk Community Learning Series


                                                    • Digest


                                                    • Functions


                                                    • Meetups


                                                    • Kbase


                                                    • Resources


                                                    • Glossary


                                                    • Desk Marketplace


                                                    • MVP Corner


                                                    • Word of the Day


                                                      Zoho Marketing Automation

                                                        Zoho Sheet Resources

                                                         

                                                            Zoho Forms Resources


                                                              Secure your business
                                                              communication with Zoho Mail


                                                              Mail on the move with
                                                              Zoho Mail mobile application

                                                                Stay on top of your schedule
                                                                at all times


                                                                Carry your calendar with you
                                                                Anytime, anywhere




                                                                      Zoho Sign Resources

                                                                        Sign, Paperless!

                                                                        Sign and send business documents on the go!

                                                                        Get Started Now




                                                                                Zoho TeamInbox Resources



                                                                                        Zoho DataPrep Resources



                                                                                          Zoho DataPrep Demo

                                                                                          Get a personalized demo or POC

                                                                                          REGISTER NOW


                                                                                            Design. Discuss. Deliver.

                                                                                            Create visually engaging stories with Zoho Show.

                                                                                            Get Started Now









                                                                                                                • Related Articles

                                                                                                                • Understand subform field

                                                                                                                  The subform field enables you to display a form within a form. The form in which you add a subform is referred as the main form. Refer to the following sections to learn about subforms: Appearance When to use this field Understand adding a subform ...
                                                                                                                • Auto-populate subform data from a form based on lookup selection

                                                                                                                  Requirements Streamline the process of retrieving and displaying relevant data by auto-populating a subform based on the value selected in a lookup field. Use Case Consider an IT asset management application used by organizations to conduct asset ...
                                                                                                                • Understand subform actions

                                                                                                                  The subform actions are a set of actions that concern the subform. In the live application, the subform will have two buttons: 'Add new' - This button will enable the user to add a new entry to the subform. 'Delete' - This button will enable the user ...
                                                                                                                • Understand Forms

                                                                                                                  1. What Does This Page Cover? Learn about forms and how they are used to collect and store data in Creator. 2. Availability Forms built from scratch, by importing data, and from a template can be created in all plans of Creator, while integration ...
                                                                                                                • Add subform field to your form

                                                                                                                  Open the form builder. Add a subform field to the form. (Refer to this page to learn how to add a field to a form) If your app does not have any additional forms, Zoho Creator will add a blank subform If there are forms in your app, Zoho Creator will ...
                                                                                                                  Wherever you are is as good as
                                                                                                                  your workplace

                                                                                                                    Resources

                                                                                                                    Videos

                                                                                                                    Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                    eBooks

                                                                                                                    Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                    Webinars

                                                                                                                    Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                    CRM Tips

                                                                                                                    Make the most of Zoho CRM with these useful tips.



                                                                                                                      Zoho Show Resources