Add Style to Button | Zoho Creator Help

Add style to button

You can add custom styles to every button. Styling options for a button include customizing the label, adding color to the button and the text inside it, and specifying margin dimensions around the button.

To add style to a button in your page,

  1. Edit your app.
  2. Select the required page from the accordion menu on the top-left corner, or from the application preview in the middle. You'll be taken to its  Design  page.
  3. Click on the device icon to navigate to the  Design  view of the device of your choice.

  4. Hover in the middle and click  Open Page Builder .
  5. Click to select a panel that holds the button you want to customize.
  6. Click the  Configure  option in the toolbar in the header area of the page builder. The  Panel configuration  pane slides in.
  7. Select  Style  from the configuration options on the right.
  8. Choose from the style options:
    • Button type : Select the button shape as  rectangular  or  rounded .
    • Change font  for button label: Click the  Font family  dropdown to select a font style.
    • Set text style  for button label: Click the  B I  or  U  icon to  Bold Italicise  and  Underline  respectively. You can also change the button text to uppercase by clicking the  change to uppercase  icon.
    • Change font and button color
      • Click the  font color picker  icon to select a font color.
      • Click the  color palette  icon to select a button color.
    • Set font size : Specify the required font size or choose one from the dropdown.
    • Set margin for button : Specify a margin in pixels for all four sides of the button.
  9. You can preview the changes and close the configuration sheet. The changes will be auto saved.



    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

                                                                                      • Add style to chart

                                                                                        The  Style  tab allows you to add customization to the charts by applying different  chart themes , setting  legend position  and adding a  background color . You can also change the chart type from the  slider pane  on the left. Apply style to a ...
                                                                                      • Add a button

                                                                                        Buttons can be included in pages to link related application components, such as a form or report, or to simply execute a pre-defined custom function on the click of a button. Each button, by default is embedded in a panel. The following are the ...
                                                                                      • Add style to image in a panel

                                                                                        Modify the image or icon used in a panel to change its shape, color, and background color. To add style to an image in a panel Double click the panel to add style to the image in it or single click to select the panel and then click the  Configure ...
                                                                                      • Add style to panel

                                                                                        You can add custom styles to every panel. Styling options for a panel include adding background color and panel content alignment. To add style to a panel Click to select a panel that you want to customize. Click the  Configure  option in the toolbar ...
                                                                                      • Add style to gauge

                                                                                        Set color for the gauge elements Add style to the gauge elements Set color for the gauge elements Edit your app. Select the required page from the accordion menu on the top-left corner, or from the application preview in the middle. You'll be taken ...
                                                                                      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