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, filter, Search, other actions under Menu) in reportzc_SecHeader=<true/false> | 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) |
Show/Hide the import option | zc_Import=<true/false> |
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.
Access your files securely from anywhere
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:
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
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 Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
FAQs: Understand Forms
This page covers everything you need to know about Zoho Creator, from creating and customizing forms to collecting, editing, and deleting data seamlessly using stateless forms. What is a form and its purpose? Forms serve as a user interface, ...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 ...How to filter a report embedded in a page with multiple values
When embedding a report in a page, Zoho Creator provides a built-in filter option for direct report filtering. However, for dynamic filtering with multiple values, you can pass the values to the page variable and use it to filter the report. This ...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 ...FAQs: Form Buttons
This page covers about the functionality, customization, and optimization of form buttons in Zoho Creator, answering key questions and providing insights for enhancing user experience. What are form buttons in Zoho Creator? Form buttons in Zoho ...
New to Zoho LandingPage?
Zoho LandingPage Resources