Set Background for Panel Columns | Zoho Creator Help

Set background for column

For each column in your  panel , you can set a background image, an overlay color, and background color.
  1. Edit your application.
  2. Select the required page from the component menu near the top-left of the  Design  page.
  3. Hover over the page's preview and click  Open Page Builder .
  4. Select the required panel.
  5. Click the  Configure  button displayed at the top of the page builder. Alternatively, you may double-click the panel. The panel builder will slide in from the right.
  6. Select the required column of the panel, then select the  Style  tab on the right.
  7. Select the required  Background color .
  8. Click  Image source  under  Background , then select the required choice:
    • Select  My library , then select an image from your account's library or upload one from your device
    • Select  Web link , then enter the URL of an image that's publicly accessible on the Web
  9. Set  Image position :
    • Select  Fill Fit , or  Tile
    • Upon selecting  Tile , you can choose to repeat the image horizontally and/or vertically
    • Upon selecting  Fill  or  Fit , you can customize the image's horizontal and vertical alignment
  10. Click the  overlay  icon, then toggle  Overlay , and then select the required color. By default, opacity is set to 50%, which you can modify as required.

    The below image sports a panel that displays a combination of the background options: the main column's background is set with an image of the city, the column that shows the text  Upcoming Events  is set with an overlay color, and the column showing the count is set with a background image and overlay color.

    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

                                                                                      • Set expression

                                                                                        Set expression for formula field Refer to  this  page to learn about the  Formula  field's  Expression Open the form builder. Select the required formula field. Navigate to the  Field Properties  pane on the right. Click the input box below  ...
                                                                                      • Configure column chart

                                                                                        Configure column chart Column charts displays data along two axes — the vertical axis or Y-axis and the X-axis or the horizontal axis. These charts are helpful in finding trends over time periods by using different colors to represent the collected ...
                                                                                      • Set Quick View Layout

                                                                                        This page is applicable to all report types except spreadsheet, pivot chart, and pivot table The list type layouts can be broadly classified as tabular and non-tabular. You can do the following: To set tabular layout for list report Navigate to ...
                                                                                      • Set Address Field Properties

                                                                                        Select the address field in the fields section to define properties specific to it. To set number field properties: Navigate to the Design page. Click the Configure Fields for Web button. The Configure Fields window will appear. Select the address ...
                                                                                      • Set Aggregate Functions for Number Fields

                                                                                        This page is applicable only to list report. This property are applicable to number, currency, and decimal fields. To set number field properties: Navigate to the Design page. Click the Configure Fields for Web button. The Configure Fields window ...
                                                                                      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