Set height for elements in a page | Zoho Creator Help

Set height for elements in a page

The height option allows you to specify the height for certain page elements to suit different viewer display choices. You can set the height as  auto , which has the browser calculates the height or specify a  custom  height in pixels. Once the height of an element is set, it will remain fixed no matter the length of its content. In the case of embedded forms and reports, you can scroll through their content. 

Set height for embedded form, embedded report, and embed component

  1. Edit your application.
  2. Select the required page, then open the  page builder .
  3. Click to select the embedded form or report in your page.
  4. Click the  height fill  (double-sided arrow) icon in the toolbar in the header area of the page builder.
  5. Check the required option, either  Auto  or  Custom . If you choose  Custom , specify the height in pixels.
  6. In the case of embed component, you can specify the height and width in the relevant boxes.

Set height for panels, snippets, and buttons (includes embedded forms and reports as buttons)

  1. Edit your application.
  2. Select the required page, then open the  page builder .
  3. Double-click the element you want to configure. You can also click to select the required element, then click the  Configure  option in the toolbar at the top-center of the page builder.
  4. The  Panel Configuration  pane will slide in from the right. This pane has two tabs —  Design  and  Code .
  5. Click the  Code  tab and specify the  height  as  auto fill , or in  for the panel element. The preview of the panel will be adjusted accordingly. Below is an image of the  Code  tab of a panel element.

    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:



                          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

                                                                                      • Display name for page elements

                                                                                        Display names for page elements allow you to easily identify and differentiate elements with a click, rather than opening each element and going through the configurations (especially for snippets). To modify display name for elements Navigate to the ...
                                                                                      • Configure parameters for page elements

                                                                                        Page parameters can be configured to pass values to pages and display them inside page elements such as panels, charts, gauges, forms, reports and so on.  Panel and button display Panel image Panel and button actions Charts Gauges Embed Search ...
                                                                                      • Set height

                                                                                        Set height for form fields Applicable to the following fields: Multi line , multi select , and rich text . Open the form builder. Select the required field. Navigate to the  Field Properties -> Appearance  section on the right. Enter the required ...
                                                                                      • Understand page builder

                                                                                        While creating a business application, you would prefer tools that aid quick, tangible visual techniques. Page builder in Zoho Creator is a tool that allows you to build your custom pages using a simple drag and drop interface.  Essentials: Page ...
                                                                                      • Field height

                                                                                        Understand setting the height of form fields Applicable to the following fields: multi-line and rich-text. Height is not applicable when your users access your form from a phone/tablet. The property Height enables you to set the height in which the ...
                                                                                      Wherever you are is as good as
                                                                                      your workplace



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


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


                                                                                        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