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


            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

                                                                                      • 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