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

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

            BOOK A SESSION

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

                        Write to us:



                          Manage your brands on social media

                              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

                                                                                          • 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 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 Expression . The ...
                                                                                          • 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 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 Aggregate Functions for Number Fields

                                                                                            This page is applicable only to list report. Availability Aggregate functions are available for all pricing plans of Creator. Only the super admin, admins, and developers can set and manage aggregate functions, while users can view the respective ...
                                                                                          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