To understand this article, it is suggested to have some basic idea about Zoho Creator Forms, Embeddingand Customizing the background colors.
Transparent background allows the Form to inherit the color of the parent Component/Website where is it embedded. See the below example.
A Form at http://creator.zoho.com/sampleapps/order-form/form-embed/Products/ is modified like below when it is embedded.
This is achieved by including a parameter “zc_BgClr” in the embed URL and setting up the background color value as “transparent” as mentioned at https://help.creator.zoho.com/Style-based-URLs-for-Embedded-Forms.html#1._Form_Properties
The HTML code for reference is
- <html>
- <body style=”background-color: EDE6E9;”>
- <iframe height=”547px” width=”100%” name=”zoho-Order” frameborder=”0″ allowtransparency=”true” scrolling=”auto” src=’http://creator.zoho.com/sampleapps/order-form/form-embed/Products/zc_BgClr=transparent&zc_FtrClr=transparent&zc_HdrClr=transparent&zc_BdrClr=transparent’>
- </iframe>
- </body>
- </html>
Related links are
- https://help.creator.zoho.com/What-is-a-Form.html
- https://help.creator.zoho.com/Embed-Form-View-in-Website.html
- https://help.creator.zoho.com/Style-based-URLs-for-Embedded-Forms.html
- https://forums.zoho.com/topic/transparent-forms-1-12-2010
If you have more questions write to us at https://creator.zoho.com/support