Configuring display elements in a panel | Zoho Creator Help

Configure panel element's display value

Once you have added a panel template to the page builder, you can configure and customize all the elements in it including text, image and button in the panel builder.

All the display elements in a panel can be configured here. This includes:

To configure the display value of a text element in a panel:

  1. Click to select the text element that you want to configure.
  2. In the slider menu on the right, select  Display . Choose from the following display text options:
  3. To display static text in a panel:
    1. Under  Display  -> Click  Text .
    2. In the  Value  text area, type in the static text to be displayed in the panel.
    3. Preview on the panel on the left side of the panel builder. The changes will be auto-saved.
    4. Click the  close icon  on the top right to close the panel builder. 

  4. To display a sum value from your Zoho Creator app data:
    1. Under  Display  -> Click  Sum .
    2. Select a form to calculate the sum. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Select a form field to calculate the sum based on the values in that field. ( Only numeric fields will be listed here. )
    4. Use the  Evaluate for  option to add criteria for fields to calculate a sum based on it. Click  Selected records . By default, the sum is calculated for  All records. 
    5. Under  Show sum as  dropdown choose  Actual  to display the calculated sum as it is. You can also choose to display the calculated sum as a   Percentage of a number.
  5. To display a minimum value from your Zoho Creator app data:
    1. Under  Display  -> Click  Minimum.
    2. Select a form to calculate the minimum. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Select a form field to calculate the minimum based on the values in that field. ( Only numeric fields will be listed here. )
    4. Use the  Evaluate for  option to add criteria for fields to calculate a minimum based on it. Click  Selected records . By default, the minimum is calculated considering  All records. 
    5. Under  Display  choose  Minimum Value  to display the calculated minimum value for the chosen field. Or choose  Other field value  to display the value in this field, corresponding to the minimum value calculated in Step 4. Choose another field.
    6. Choose  Actual  to display the calculated minimum number as it is.
  6. To display a maximum value from your Zoho Creator app data:
    1. Under  Display  -> Click  Maximum.
    2. Select a form to calculate the maximum. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Select a form field to calculate the maximum based on the values in that field. ( Only numeric fields will be listed here. )
    4. Use the  Evaluate for  option to add criteria for fields to calculate a maximum based on it. Click  Selected records . By default, the maximum is calculated considering  All records. 
    5. Under  Display  choose  Maximum Value  to display the calculated maximum value for the chosen field. Or choose  Other field value  to display the value in this field, corresponding to the maximum value calculated in Step 4. Choose another field.
    6. Choose  Actual  to display the calculated maximum number as it is.
  7. To display a median value from your Zoho Creator app data:
    1. Under  Display  -> Click  Median.
    2. Select a form to calculate the median. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Select a form field to calculate the median based on the values in that field. ( Only numeric fields will be listed here. )
    4. Use the  Evaluate for  option to add criteria for fields to calculate a median based on it. Click  Selected records . By default, the median is calculated considering  All records. 
    5. Under  Show median as  dropdown choose  Actual  to display the calculated median number as it is. You can also choose to display the calculated median as  Percentage of Total Percentage of a number  or as a  Fraction with total in denominator .
  8. To display an average value from your Zoho Creator app data:
    1. Under  Display  -> Click  Average.
    2. Select a form to calculate the average. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Select a form field to calculate the average based on the values in that field. ( Only numeric fields will be listed here. )
    4. Use the  Evaluate for  option to add criteria for fields to calculate the average based on it. Click  Selected records . By default, the average is calculated considering  All records. 
    5. Under  Show average as  dropdown choose  Actual  to display the calculated median number as it is. You can also choose to display the calculated median as  Percentage of a number .
  9. To display the count of records from your Zoho Creator app data:
    1. Under  Display  -> Click  Count.
    2. Select a form to calculate the count of records in it. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Use the  Evaluate for  option to add criteria for fields to calculate count based on it. Click  Selected records . By default, the count is calculated considering  All records. 
    4. Under  Show average as  dropdown choose  Actual  to display the calculated count as it is. You can also choose to display the count as a  Percentage  or a  Fraction .
  10. To display the distinct count of records from your Zoho Creator app data:
    1. Under  Display  -> Click  Distinct Count.
    2. Select a form to calculate the distinct count of records in it. You can select a form from the current application you are working on or another application. To choose a form from another application, click  Change App  at the bottom of the select form card. Choose the app name and click  Done . Forms from the selected app will be listed here.
    3. Select a form field to calculate the distinct count based on the values in that field. 
    4. Use the  Evaluate for  option to add criteria for fields to calculate distinct count based on it. Click  Selected records . By default, the distinct count is calculated considering  All records. 
    5. Under  Show distinct count as  dropdown choose  Actual  to display the calculated count as it is. You can also choose to display the count as a  Percentage of a number.
  11. To display a cell value from your integrated Zoho Sheet's data:
    1. Under  Display  -> Click Zoho Sheet  - Cell Value.
    2. Select a Spreadsheet to choose a worksheet from it.
    3. Select a Worksheet to choose the cell that contains the value to be displayed.
    4. Use the  Display  option to choose a format to display the cell value. You can choose between displaying the cell value as:
      • Cell Value : Refers to the cell address. 
      • Named Value Range : Refers to the name defined to a cell.
    5. Based on your selection in Step 5:
      • On selecting  Cell Value : Enter the  Cell Address  that holds the value to be displayed. (For Example: A12)
      • On selecting  Named range value : Enter the  Name of the cell  that holds the value to be displayed. (For Example: Total)
  12. To display the task count from your integrated Zoho Project's data:
    1. Under  Display  -> Click Zoho Projects - Task Count.
    2. Select a Portal to choose a Project from it.
    3. Select a Project to calculate it's Task Count.
    4. Use the  Evaluate for  option to display task count for:
      • All Tasks: Evaluates and displays the total tasks in the selected project.
      • Open Tasks: Evaluates and displays the tasks with an Open status in the selected project.
      • Closed: Evaluates and displays the tasks with a Closed status in the selected project.
  13. To display the bug count from your integrated Zoho Project's data:
    1. Under  Display  -> Click Zoho Projects -  Bug Count.
    2. Select a Portal to choose a Project from it.
    3. Select a Project to calculate it's Bug Count.
    4. Use the  Evaluate for  option to display bug count for:
      • All Tasks: Evaluates and displays the number of bugs in all tasks in the selected project.
      • Open Tasks: Evaluates and displays the number of bugs in tasks with an Open status in the selected project.
      • Closed: Evaluates and displays the number of bugs in tasks with a Closed status in the selected project.
  14. To display the milestone count from your integrated Zoho Project's data:
    1. Under  Display  -> Click Zoho Projects -  Milestone Count.
    2. Select a Portal to choose a Project from it.
    3. Select a Project to calculate it's Milestone Count.
    4. Use the  Evaluate for  option to display milestone count for:
      • All Tasks: Evaluates and displays the number of milestones in all tasks in the selected project.
      • Open Tasks: Evaluates and displays the number of milestones in tasks with an Open status in the selected project.
      • Closed: Evaluates and displays the number of milestones in tasks with a Closed status in the selected project.

To configure an image displayed in a panel:

  1. Click to select the image element that you want to configure.
  2. In the slider menu on the right, select  Display . Choose from the following display image options:​
  3. To display an image present in the Image library of your Zoho Creator app :
    1. Under  Display , choose  Image Source  ->  My Library.
      My Library is your page's in-built image library where you can upload images and later use them in your panels. 
    2.  Click to select the image that you want to add in your panel. You can immediately view the changes in the left. 
  4. To display an image from an external link/URL :
    1. Under  Display , choose  Image Source  ->  Web Link.
      A web link is an external URL that holds an image that you want to display on your panel.
    2.  Paste the image's URL in the Enter URL field. 
  5. To display an icon in the panel: :
    1. Under  Display , choose  Image Source  ->  Icon.
      Icons are a depiction in simple and minimal forms the concepts used commonly throughout a UI. You can choose from the various formats of icons in our Icons library.
    2.  Choose an icon format:
      • Outline
      • Solid
    3. Search or scroll to find a suitable icon and click on it. You can immediately view the changes in the left. 

To configure the display value of a button element in a panel:

  1. Click to select the button element that you want to configure.
  2. In the slider menu on the right, select  Display .
  3. Type-in a label for the button in the space provided. You can immediately view the changes in the left.

Related Topics

  1. Configuring panel element's display value
  2. Associate action to a panel

    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


            Get started with Zoho Sign

            in a few quick steps!

            Download Help Guide





                        Still can't find what you're looking for?

                        Write to us:  support@zohoforms.com


                              




                            

                          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 SalesIQ Resources



                                                    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

                                                                                      • Configure panel element's action

                                                                                        You can associate an action to each dashboard element to add interactivity. The different types of actions that you can associate to an element include: Open url: Redirects to the specified url Open form: Opens the specified form Open report: Opens ...
                                                                                      • Panel Presets

                                                                                        Panels are the primary element of a page, that acts as containers holding focused information and communicating them at a glance. You can configure and customize all the elements in a panel including text, image, and button in the panel builder.  ...
                                                                                      • Understand panel builder

                                                                                        Panel builder is a tool that makes it possible to design any type of panel for your application page. With its user-friendly drag and drop interface and prebuilt elements that can be customized, you can create intuitive panels that are informative ...
                                                                                      • Configure button display

                                                                                        Display configuration for a button includes adding a label to the button, thus hinting the user clearly where they would land on clicking the button. The following are the steps to configure the label for a button in your page: Edit your app. Select ...
                                                                                      • panel tag

                                                                                        <panel>  The <panel> tag defines a generic container for adding content. Parent tag : <column> Child tag   : <pr> Attributes 1. Title The title attribute specifies a title for the <panel> element. This can be used to describe the contents of the ...
                                                                                      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