Style based URLs for Embedded forms | Zoho Creator Help

Style based URLs for Embedded forms

In this topic we list out the parameters used in customizing the look and feel of Zoho Creator forms and reports. These parameters can be applied to the Forms and Reports embedded in your Pages.

Form Properties

DescriptionParameter/Value
Display form without form headerzc_Header=false
Form background colorzc_BgClr=<color value>
Form border colorzc_BdrClr=<color value>
Customize the success messagezc_SuccMsg=<custom message>

Embed form with transparent background

zc_BgClr=transparent

Note:
Color values can be given as CSS or Hex values or color names.
Example: zc_BgClr=_00FF00, zc_BgClr=lime, zc_BgClr=rgb(0, 255, 0)

Form Header Customization

DescriptionParameter/Value
Header colorzc_HdrClr=<color value>
Header heightzc_HdrHeight=<header height in px or %>
Header fontzc_HdrFont=<header font family>
Header font colorzc_HdrFontClr=<color value>
Header font sizezc_HdrFontSize=<header font size>

Note:
Color values can be given as CSS or Hex values or color names.
Ex : zc_HdrClr=rgb(0, 255, 0) , zc_HdrClr=_00FF00, zc_HdrClr=lime
Width and height can be given in px, % etc

DescriptionParameter /Value
Footer colorzc_FtrClr=<color value>
Button background colorzc_BtnBgClr=<color value>
Button fontzc_BtnFont=<font family>
Button text colorzc_BtnClr=<color value>
Button footer heightzc_FtrHeight=<footer height in px or %>
Button background color on mouse overzc_BtnMovrBgClr=<color value>
Button text color on mouse overzc_BtnMovrClr=<color value>
Button font sizezc_BtnFontSize=<footer font size>

Note:
Color values can be given as CSS or Hex values or color names.
Ex : zc_HdrClr=rgb(0, 255, 0) , zc_HdrClr=_00FF00, zc_HdrClr=lime
Width and height can be given in px, % etc.

Form Field Width/ Height Customization

Field TypeParameter for Field WidthParameter for Field Height
Single line/Emailzc_InpFieldWidth=<width>zc_InpFieldHeight=<height>
Multi Selectzc_MultiSelectWidth=<width>zc_MultiSelectHeight=<height >
Radio buttonzc_RadioWidth=<width>zc_RadioHeight=<height>
Decision boxzc_DecisionCBWidth=<width>zc_DecisionCBHeight=<height>
Number/Decimal/Percent/Currencyzc_NumberFieldWidth=<width>zc_NumberFieldHeight=<height>
Multi Linezc_TextAreaWidth=<width>zc_TextAreaHeight=<height>
Datezc_DateWidth=<width>zc_DateHeight=<height>
DateTimezc_DateTimeWidth=<width>zc_DateTimeHeight=<height>
Checkboxzc_CheckBoxesWidth=<width>zc_CheckBoxesHeight=<height>
Dropdownzc_DropDownWidth=<width>zc_DropDownHeight=<height>

Note:
Width and height can be given in px or %

 Report Customization

DescriptionParameter /Value
Report - Header Colorzc_HdrClr=<color value>
Report - border colorzc_BdrClr=<color value>
Report - Group Header Colorzc_GrpHdrClr=<color value>
Need search optionzc_Search=<true/false>
Show/Hide "report name"zc_ReportName=<true/false>
Show/Hide "ShowAs(Menu)"zc_ShowAs=<true/false>
Show/Hide record summary linkzc_Summary=<true/false>
Show/Hide "Add" linkzc_AddRec=<true/false>
Show/Hide "Delete" linkzc_DelRec=<true/false>
Show/Hide report headerzc_Header=<true/false>
Show/Hide report footerzc_Footer=<true/false>
Show/Hide filters in reportzc_Filter=<true/false>
Show/Hide column drop-down menuzc_ColMenu=<true/false>
Show/Hide summation rowzc_SumRow=<true/false>
Show/Hide "Edit" link in each recordzc_EditRec=<true/false>
Show/Hide "Duplicate" optionzc_DuplRec=<true/false>
Show/Hide "Save" option. Applies only for grid reportzc_SaveRec=<true/false>
Deluge name of field based on which calendar report
will be shown. Applies only for calendar report
zc_CalField=<delugeName>
Show/Hide record selection check box in each recordzc_RecSelect=<true/false>

Show/Hide secondary header (Record selection, Add,
filter, Search, other actions under Menu) in report

zc_SecHeader=<true/false>
Show/Hide "Bulk Edit" linkzc_EditBulkRec=<true/false>
Show/Hide "bulk delete" linkzc_BulkDelete=<true/false>
Show/Hide "bulk duplicate" linkzc_BulkDuplicate=<true/false>
Hide "Export" optionzc_Export=true (by default it is false)
Hide "Print" optionzc_Print=true (by default it is false)
Hide record level Print optionzc_RecPrint=false (by default it is true)
Hide "More Options"zc_MoreAction=false (by default it is true)
Note:
Color values can be given as CSS or Hex values or color names. Example: Ex : zc_HdrClr=rgb(0, 255, 0) , zc_HdrClr=_00FF00, zc_HdrClr=lime

Examples

  1. To customize the embedded form in your page, add the required parameters after the params=' as shown in the sample code below.

    <div elName='zc-component' formLinkName='Sales'params='zc_Header=true&zc_SuccMsg=Data Added Sucessfully!&zc_SubmitVal=Submit&zc_ResetVal=Reset&zc_HdrFontClr=Blue&zc_HdrFontSize=20'>Loading Form..</div>

  2. To customize the embedded report in your page, add the required parameters after the params=' as shown in the sample code below.

    <div elName='zc-component' reportLinkName='Sales_Report' params='zc_Summary=false&zc_Filter=false&zc_ColMenu=false'>Loading Report...</div>


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

                                                                                          • Functionality based URLs

                                                                                            Overview In the topic Zoho Creator URL Patterns we learned about the default URLs to access a Zoho Creator application and its forms, reports and pages. In this topic, we will learn about the functionality based URLs to set default values for form ...
                                                                                          • Display different colors based on record value

                                                                                            Requirement   Display different colors of the record in a report or page based on its value. Use Case   In a sales management application, the business owner wants to track the purchases and the sales. As a new purchase is made, the corresponding ...
                                                                                          • Understand forms in a page

                                                                                            Embedding forms inside the page makes it easier for the user to add data directly to his Zoho Creator application from the page itself. This saves the effort of having to leave the page, navigate to a form from the same or a different app in your ...
                                                                                          • Navigational URLs

                                                                                            Listed below are the URLs that are used to navigate or do certain actions in Zoho Creator. Please note that all these URLs will work only within the application and not in permalinks and embedding. S. No URL Description 1 #Script:page.back Navigates ...
                                                                                          • Customize style

                                                                                            Refer to   this   page to learn about the Search element in pages Edit your app. Open the builder of the required page. Select the required search element. The  Search Configuration  pane will appear from the right. Navigate to the  Style  tab on the ...
                                                                                          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