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
| Description | Parameter/Value |
| Display form without form header | zc_Header=false |
| Form background color | zc_BgClr=<color value> |
| Form border color | zc_BdrClr=<color value> |
| Customize the success message | zc_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)
Example: zc_BgClr=_00FF00, zc_BgClr=lime, zc_BgClr=rgb(0, 255, 0)
Form Header Customization
| Description | Parameter/Value |
| Header color | zc_HdrClr=<color value> |
| Header height | zc_HdrHeight=<header height in px or %> |
| Header font | zc_HdrFont=<header font family> |
| Header font color | zc_HdrFontClr=<color value> |
| Header font size | zc_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
Ex : zc_HdrClr=rgb(0, 255, 0) , zc_HdrClr=_00FF00, zc_HdrClr=lime
Width and height can be given in px, % etc
Form Footer Customization
| Description | Parameter /Value |
| Footer color | zc_FtrClr=<color value> |
| Button background color | zc_BtnBgClr=<color value> |
| Button font | zc_BtnFont=<font family> |
| Button text color | zc_BtnClr=<color value> |
| Button footer height | zc_FtrHeight=<footer height in px or %> |
| Button background color on mouse over | zc_BtnMovrBgClr=<color value> |
| Button text color on mouse over | zc_BtnMovrClr=<color value> |
| Button font size | zc_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
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 Type | Parameter for Field Width | Parameter for Field Height |
| Single line/Email | zc_InpFieldWidth=<width> | zc_InpFieldHeight=<height> |
| Multi Select | zc_MultiSelectWidth=<width> | zc_MultiSelectHeight=<height > |
| Radio button | zc_RadioWidth=<width> | zc_RadioHeight=<height> |
| Decision box | zc_DecisionCBWidth=<width> | zc_DecisionCBHeight=<height> |
| Number/Decimal/Percent/Currency | zc_NumberFieldWidth=<width> | zc_NumberFieldHeight=<height> |
| Multi Line | zc_TextAreaWidth=<width> | zc_TextAreaHeight=<height> |
| Date | zc_DateWidth=<width> | zc_DateHeight=<height> |
| DateTime | zc_DateTimeWidth=<width> | zc_DateTimeHeight=<height> |
| Checkbox | zc_CheckBoxesWidth=<width> | zc_CheckBoxesHeight=<height> |
| Dropdown | zc_DropDownWidth=<width> | zc_DropDownHeight=<height> |
Note:
Width and height can be given in px or %
Report Customization
| Description | Parameter /Value |
| Report - Header Color | zc_HdrClr=<color value> |
| Report - border color | zc_BdrClr=<color value> |
| Report - Group Header Color | zc_GrpHdrClr=<color value> |
| Need search option | zc_Search=<true/false> |
| Show/Hide "report name" | zc_ReportName=<true/false> |
| Show/Hide "ShowAs(Menu)" | zc_ShowAs=<true/false> |
| Show/Hide record summary link | zc_Summary=<true/false> |
| Show/Hide "Add" link | zc_AddRec=<true/false> |
| Show/Hide "Delete" link | zc_DelRec=<true/false> |
| Show/Hide report header | zc_Header=<true/false> |
| Show/Hide report footer | zc_Footer=<true/false> |
| Show/Hide filters in report | zc_Filter=<true/false> |
| Show/Hide column drop-down menu | zc_ColMenu=<true/false> |
| Show/Hide summation row | zc_SumRow=<true/false> |
| Show/Hide "Edit" link in each record | zc_EditRec=<true/false> |
| Show/Hide "Duplicate" option | zc_DuplRec=<true/false> |
| Show/Hide "Save" option. Applies only for grid report | zc_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 record | zc_RecSelect=<true/false> |
Show/Hide secondary header (Record selection, Add, | zc_SecHeader=<true/false> |
| Show/Hide "Bulk Edit" link | zc_EditBulkRec=<true/false> |
| Show/Hide "bulk delete" link | zc_BulkDelete=<true/false> |
| Show/Hide "bulk duplicate" link | zc_BulkDuplicate=<true/false> |
| Hide "Export" option | zc_Export=true (by default it is false) |
| Hide "Print" option | zc_Print=true (by default it is false) |
| Hide record level Print option | zc_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
- To customize the embedded form in your page, add the required parameters after the params=' as shown in the sample code below.
- To customize the embedded report in your page, add the required parameters after the params=' as shown in the sample code below.
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 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 Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Bigin?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
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 ...Publish a page with job vacancies list and a form to apply for them
Requirement Publish a page with components that can be accessed by the public users who don't have a Zoho Creator account. Use case In a Recruitment tracker application, there are 2 forms - Add Job Vacancy and Registration Form. Admins add job ...Understand Forms
What Does This Page Cover? Learn about forms and how they are used to collect and store data in Creator. Availability Forms built from scratch, by importing data, and from a template can be created in all plans (Free, Professional, andUltimate) of ...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 ...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 ...