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:  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 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  ...
                                                                                    • 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

                                                                                      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