Zoho Creator : Paint your records using Canvas Builder!

Zoho Creator : Paint your records using Canvas Builder!


Dear Creators,

We're thrilled to bring you an incredible new feature - the Canvas Builder, the solution that directly addresses the "user experience factor"! This cutting-edge tool is live now, and we are delighted to share how this feature will revolutionize the way you design detailed views for your records within Zoho Creator.

There is no longer a one-size-fits-all approach for every organization, and Canvas provides the precise flexibility we require, with its wide range of customization options. It offers a a simple drag-and-drop editor and pre-designed templates for every industry and department.

Great design drives usage and offers an immersive experience!

Designing made easy

You can now create stunning templates effortlessly. Canvas builder offers you three flexible options that makes re-ordering and visualizing your data easy, thereby drawing attention to essential information quickly and efficiently.

Gallery Templates

We have curated a collection of ten professionally designed templates for you to choose from and design your requirements. Simply select the one that fits best your needs , and with our live data preview, you can visualize how your template will appear in real-time and customize it exactly the way you have envisioned.


  

Create from Scratch

Unleash your creativity! Similar to working on a real canvas, you can intuitively drag and drop elements anywhere on the builder to start crafting your design. The builder is divided into three sections - DataElements, and Style - allowing you to customize every aspect of your template with ease and creativity.



Import Templates:

Canvas also allows you to download the custom template you've created in JSON format from the Canvas Builder. Importing these templates directly into your detail view saves you time and effort, making it a breeze to have your layout ready in no time.



A Plethora of Features

The Canvas Builder is packed with a plethora of features to ensure a seamless design experience. By organizing your data components the way you want and applying attractive designs, you are not only making your layouts presentable, but also extremely functional by offering your users exactly what they are looking for, the moment they land on record's detail view.

Drag and Drop Fields: Effortlessly add form fields, system fields, custom actions, blueprints and other add-ons to your canvas by simply dragging and dropping them, thereby streamlining the process of designing your dream layout.   

Primitive Elements: Explore an extensive set of primitive elements available in the Elements section. You can easily incorporate these elements into your design by dragging and dropping them wherever you desire.

Style Customization: The Style section empowers you to format all elements and fields according to your preferences and brand identity, ensuring a consistent and appealing visual appearance.

Use-case

Let's explore the Canvas feature with a real-time use case to provide a clearer understanding of its practical applications. 

Assume that Sam, a real estate entrepreneur wants to use the Canvas Builder in Zoho Creator to create personalized and visually appealing layouts for his property listings.

Accessing the Canvas Builder

  1. Sam logs in to his Zoho Creator account.
  2. He navigates to the "Reports" section from the main dashboard.

Initiating Canvas Layout Creation

  1. Within the "Reports" section, Sam identifies the "Detail View" option.
  2. Sam finds the "Create Custom Layout" button under the "Detail View" section.
  3. When he clicks the button, the Canvas Builder opens up.


 

Selecting Design Preferences

In the Canvas Builder, Sam is presented with two options: pre-designed gallery templates and designing from scratch. He decides to select a template from gallery templates to create a unique layout for his property listings.


Previewing with Live Data

In the "Gallery Templates" section, each template will load with Zoho Creator's live data. This enables Sam to preview each template and visualize how his property listings will appear in the live view using actual property information.



Customizing the Layout

Sam can intuitively drag and drop essential fields, including property details, location, and pricing, from the "Data" section onto the Canvas builder.
He explores and incorporates various primitive elements such as TabsLinesSections, Buttons, and Icons, aligning them as needed to create an appealing layout.



Styling to Match Brand Identity

Within the "Style" section of the Canvas Builder, Sam customizes fonts, colors, alignments, and spacing to ensure brand consistency and professional presentation. He can also apply his application's theme color or variations of the same inside the builder.



Width Adjustment

Sam sets the width of elements in the layout as "fluid" for some elements/components, allowing them to expand automatically and fill available space.
For other elements/components, he chooses "fixed" so that they will retain their default width.



Organizing Data with Tabs

To enhance the user experience, Sam effectively organizes property data by dragging related blocks into tabs within the layout.
Related blocks are nothing but Lookup and Subform data which are associated in the parent form.
This logical arrangement ensures that potential property buyers can easily access relevant information.


 

Creating Custom Actions:

In the Canvas Builder, Sam has the option to create custom actions that enhance the functionality of his property listings.
He creates a custom action to allow users to directly inquire about a property through the layout.



Fine-tuning Field Properties

Sam utilizes the "Properties" tab for each field to fine-tune specific properties according to his real estate business requirements.
He customizes the display format for the property pricing field to show currency symbols and decimal places.
For example,  he can customize the prefix, suffix, first name & last name properties for the name field i.e., he can hide/show the sub fields as required.


Applying Conditional Formatting

Sam applies conditional formatting to highlight essential data within the layout, such as displaying urgent listings with eye-catching colors.
This feature ensures that potential buyers can easily identify critical information and make informed decisions.



Importing and Exporting Templates

The Canvas Builder offers Sam the option to download pre-built templates in JSON format using the "Export" button. He exports his custom layout as a template for future-use or to share it with his colleagues to re-create the exact layout in other apps.



Ensuring Responsive Web Support

Canvas templates are initially supported for web use only, to ensure a seamless user experience on desktop browsers.

Thus, Canvas is truly a game changer in that it's all set to catapult your Creator user experience to new horizons. And the icing on the cake — you don't need to write a single line of code — and that, in other words, is the pinnacle of customization.

🔗 Access the Canvas Builder now and embark on a journey of crafting beautifully designed layouts with ease!

Release plan:

The canvas builder has been rolled out on August 1, 2023.

Help documentation: 

 
Thank you for being an integral part of the Zoho Creator community. Your feedback is invaluable as we continuously strive to improve and expand our offerings.

Stay tuned for more exciting updates!

Regards,
The Zoho Creator Team

 

    Access your files securely from anywhere







                          Zoho Developer Community






                                                • Desk Community Learning Series


                                                • Digest


                                                • Functions


                                                • Meetups


                                                • Kbase


                                                • Resources


                                                • Glossary


                                                • Desk Marketplace


                                                • MVP Corner


                                                • Word of the Day


                                                • Ask the Experts



                                                          • Sticky Posts

                                                          • Zoho Creator - 2023 Release Projection 1

                                                            Hello everyone! A very Happy New Year to you and your family. Hope you're all good and having a great time using Zoho Creator to make your lives easier and your businesses prosper. 2022 was an action-packed year for us at Creator, and we hope to continue
                                                          • Zoho Creator User Group meetups in a city near you! - Oct - Nov, 2023

                                                            Greetings from the Zoho Creator team! We're hosting a series of Zoho Creator meetups in various cities across the globe, and we'd love to meet you there! Our meetups are a great opportunity to network with industry peers, exchange ideas and best practices,
                                                          • Zoho Creator - 2023 Release Projection 2

                                                            Hello everyone! Time truly flies when you're having an incredible journey, and today we mark the completion of an eventful and action-packed six months. It feels like just yesterday when we embarked on this adventure together with the launch of our new
                                                          • Upcoming Updates - August 2022

                                                            Hi all, Greetings from the Zoho Creator team! Today we've got news for you on some exciting updates. And rest assured— there’s more to come! In this post, we'll be going over the upcoming features and improvements for this month as mentioned below. A
                                                          • Introducing Zoho Creator's v2 APIs

                                                            Hello App Creators, Welcome to Zoho Creator's v2 APIs! This post will serve as the central point for migrating implementations of Creator's current APIs (v1) to v2. Improvements that v2 brings OAuth-based authentication, which is more secure than the


                                                          Manage your brands on social media



                                                                Zoho TeamInbox Resources



                                                                    Zoho CRM Plus Resources

                                                                      Zoho Books Resources


                                                                        Zoho Subscriptions Resources

                                                                          Zoho Projects Resources


                                                                            Zoho Sprints Resources


                                                                              Qntrl Resources


                                                                                Zoho Creator Resources



                                                                                    Zoho CRM Resources

                                                                                    • CRM Community Learning Series

                                                                                      CRM Community Learning Series


                                                                                    • Kaizen

                                                                                      Kaizen

                                                                                    • Functions

                                                                                      Functions

                                                                                    • Meetups

                                                                                      Meetups

                                                                                    • Kbase

                                                                                      Kbase

                                                                                    • Resources

                                                                                      Resources

                                                                                    • Digest

                                                                                      Digest

                                                                                    • CRM Marketplace

                                                                                      CRM Marketplace

                                                                                    • MVP Corner

                                                                                      MVP Corner







                                                                                        Design. Discuss. Deliver.

                                                                                        Create visually engaging stories with Zoho Show.

                                                                                        Get Started Now


                                                                                          Zoho Show Resources


                                                                                            Zoho Writer Writer

                                                                                            Get Started. Write Away!

                                                                                            Writer is a powerful online word processor, designed for collaborative work.

                                                                                              Zoho CRM コンテンツ




                                                                                                Nederlandse Hulpbronnen


                                                                                                    ご検討中の方




                                                                                                          • Recent Topics

                                                                                                          • One Contact with Multiple Accounts with Portal enabled

                                                                                                            I have a contact that manages different accounts, so he needs to see the invoices of all the companies he manage in Portal but I found it not possible.. any idea? I tried to set different customers with the same email contact with the portal enabled and
                                                                                                          • End Date in Zoho Bookings

                                                                                                            When I give my appointments a 30 minutes time I would expect the software not to even show the End Time.  But it actually makes the user pick an End Time.  Did I just miss a setting?  
                                                                                                          • email forwarding not working

                                                                                                            Your email forwarding service does not work. I received the confirmation email and completed the confirmation, after that nothing and nothing since no matter what I have tried. Shame as everything else was smooth. I spose it's harder to run one of these web based internet mail services than you guys thought!!! can you fix the email forwarding asap PLEASE!
                                                                                                          • Google Ads Conversions Not Being Tracked in Zoho CRM

                                                                                                            We have 3 different conversions created in our Google Ads Account. Only one of the 3 conversion types is tracking in Zoho CRM. Our forms are Elementor Forms that are mapped into Zoho CRM. It apprears to me that all leads are showing up in Zoho CRM, but
                                                                                                          • Enable Locations for Expense

                                                                                                            Hi, please enable Locations (ex Branches) for Zoho Expense so that there is consistency between this app and Zoho Books. Thanks in advance.
                                                                                                          • Currency abbreviations

                                                                                                            Hello, Im stuck, and need help. I need the currency fields for example, opportunity value, or total revenue, to be abbreviated, lets say for 1,000 - 1K, 1,000,000 - 1M, and so on, how should I do this?
                                                                                                          • in the Zoho Creator i have File Upload field get the file on submission of the form Get the File and upload to Zoho Books

                                                                                                            in the Zoho Creator i have File Upload field get the file on submission of the form Get the File and upload to Zoho Books . how I get the file From zoho creator and upload to Zoho Books . using Api response = invokeUrl [ url: "https://www.zohoapis.com/creator/v2.1/data/hh/l130/report/All_Customer_Payments/"+input.ID
                                                                                                          • Generate a link for Zoho Sign we can copy and use in a separate email

                                                                                                            Please consider adding functionality that would all a user to copy a reminder link so that we can include it in a personalized email instead of sending a Zoho reminder. Or, allow us to customize the reminder email. Use Case: We have clients we need to
                                                                                                          • Syntax for URLs in HTML Snippets

                                                                                                            What are some best practices for inserting a URL in an HTML snippet? I've looked at Zoho Help articles on navigation-based and functional-based URLs, but I'm still unclear on how to incorporate them in an HTML snippet. For example, 1. How do I link to
                                                                                                          • Rate Limiting in Zoho Flow (OpenAI API)

                                                                                                            Hi Everyone, We are facing some issues when using Zoho Flow as we have a deluge script running which is making external calls to OpenAI endpoint. Sometimes the response takes more than 30 seconds meaning the script will timeout. We want to implement a
                                                                                                          • Placing a condition before converting the LEAD

                                                                                                            Hi,  I need some assistance with Lead conversion. I need to place certain conditions before allowing the user to convert the lead.  For example: up until the certain status's doesn't equal "green" don't allow to convert lead.  I tried creating this using
                                                                                                          • it is possible to open a widget via deluge script function

                                                                                                            I have one function that is workflow action I call my fucntion I need to call the internal widget it is possible to open or it have to please tell me the solution
                                                                                                          • Creator - Portal Custom Domain

                                                                                                            I will pay $100 in crypto to anyone who can actually get my Creator Custom Domain to function (actually tell me how you got yours to).  Domain verifies, Nothing. I've been fighting it a week, multiple chats to customer service. Clearly I'm doing something wrong.  Some datapoints Domain name itself unimportant, can be a string of numbers.  I need to know what registrars are working for you because GoDaddy does NOT.  Do I need hosting? I've tried both ways and nothing works.  I pushed through Cloudflare
                                                                                                          • steps and options to change Domain DNS/Nameservers settings

                                                                                                            Please share the options or steps to change  Domain DNS/Nameservers settings 
                                                                                                          • Employees in Leave Policy exceptions

                                                                                                            In the Leave Policies we should be able to add specific employees to the exception list So it will be like All Employees except A,B,C in the exception list, currently we can only add departments etc
                                                                                                          • Searching customer field

                                                                                                            Hello, When entering a receipt, we select customer information. The customer information is synced with Zoho CRM. However, we can't find the customer information because it searches for words that begin with the entered value. It needs to search for words
                                                                                                          • How I set default email addresses for Sales Orders and Invoices

                                                                                                            I have customers that have different departments that handle Sales Orders and Invoices. How can i set a default email for Sales Orders that's different than the default email for Invoices? Is there a way I can automate this using the Contact Persons Departments
                                                                                                          • Modular Permission Levels

                                                                                                            We need more modular Permissions per module in Books we have 2 use cases that are creating problems We need per module export permission we have a use case where users should be able to view the sales orders but not export it, but they can export other
                                                                                                          • Kaizen #157: Flyouts in Client Script

                                                                                                            Hello everyone! Welcome back to another exciting edition of our Kaizen series, where we explore fresh insights and innovative ideas to help you discover more and expand your knowledge!In this post, we'll walk through how to display Flyouts in Client Script
                                                                                                          • How get stock name from other column ?

                                                                                                            How get stock name from other column ? e.g. =STOCK(C12;"price") where C12 is the code of the stock
                                                                                                          • Adding a developer for editing the client application with a single user license

                                                                                                            Hi, I want to know that I as a developer I developed one application and handed over to the customer who is using the application on a single user license. Now after6 months customer came back to me and needs some changes in the application. Can a customer
                                                                                                          • Download an email template in html code

                                                                                                            Hello everyone, I have created an email template and I want to download it as html. How can i do that? I know you can do it via the campaigns-first create a campaign add the template and download it as html from there. But what if i don't want to create
                                                                                                          • Attachment is not included in e-mails sent through Wordpress

                                                                                                            I have a Wordpress site with Zeptomail Wordpress plugin installed and configured. E-mails are sent ok through Zeptomail but without the included attachment (.pdf file) Zeptomail is used to send tickets to customers through Zeptomail. E-Mails are generated
                                                                                                          • Upcoming Changes to the Timesheet Module

                                                                                                            The Timesheet module will undergo a significant change in the upcoming weeks. To start with, we will be renaming Timesheet module to Time Logs. This update will go live early next week. Significance of this change This change will facilitate our next
                                                                                                          • Best way to schedule bill payments to vendors

                                                                                                            I've integrated Forte so that I can convert POs to bills and make payments to my vendors all through Books. Is there a way to schedule the bill payments as some of my vendors are net 30, net 60 and even net 90 days. If I can't get this to work, I'll have
                                                                                                          • Cant update image field after uploading image to ZFS

                                                                                                            Hello i recently made an application in zoho creator for customer service where customers could upload their complaints every field has been mapped from creator into crm and works fine except for the image upload field i have tried every method to make
                                                                                                          • Billing Management: #4 Negate Risk Free with Advances

                                                                                                            In the last post, we explored how unbilled charges accumulate before being invoiced. But what happens when businesses need money before service begins? Picture this: A construction company takes on a $500,000 commercial building project expected to last
                                                                                                          • Is there an equivalent to the radius search in RECRUIT available in the CRM

                                                                                                            We have a need to find all Leads and/or Contacts within a given radius of a given location (most likely postcode) but also possibly an address. I was wondering whether anyone has found a way to achieve this in the CRM much as the radius search in RECRUIT
                                                                                                          • Zoho CRM Inventory Management

                                                                                                            What’s the difference between Zoho CRM’s inventory management features and Zoho Inventory? When is it better to use each one?
                                                                                                          • Cannot Enable Picklist Field Dependency in Products or Custom Modules – Real Estate Setup

                                                                                                            Hello Zoho Support, I am configuring Zoho CRM for real estate property management and need picklist field dependency: What I’ve tried: I started by customizing the Products module (Setup > Modules & Fields) to create “Property Type” (Housing, Land, Commercial)
                                                                                                          • Get Workflow Metadata via API

                                                                                                            Is there a way to get metadata on workflows and/or custom functions via API? I would like to automatically pull this information. I couldn't find it in the documentations, but I'm curious if there is an undocumented endpoint that could do this. Moderation
                                                                                                          • Zoho Projects - Q2 Updates | 2025

                                                                                                            Hello Users, With this year's second quarter behind us, Zoho Projects is marching towards expanding its usability with a user-centered, more collaborative, customizable, and automated attribute. But before we chart out plans for what’s next, it’s worth
                                                                                                          • FSM setup

                                                                                                            So we have been tinkering with FSM to see if it is going to be for us. Now is the time to bite the bullet and link it to our zoho books and zoho crm. The help guides are good but it would really help if they were a bit more in depth on the intergrations.
                                                                                                          • Upcoming Updates to the Employees Module in Zoho Payroll (US)

                                                                                                            We've made a couple of updates to the Employees module in Zoho Payroll (latest version of the US edition). These changes will go live today. While creating an employee Currently, the Compensation Details section is part of the Basic Details step, where
                                                                                                          • Possible to Turn Off Automatic Notifications for Approvals?

                                                                                                            Hello, This is another question regarding the approval process. First a bit of background: Each of our accounts is assigned a rank based on potential sales. In Zoho, the account rank field is a drop-down with the 5 rank levels and is located on the account
                                                                                                          • ZOHO Creator subform link

                                                                                                            Dear Community Support, I am looking for some guidance on how to add a clickable link within a Zoho Creator subform. The goal is for this link to redirect users to another Creator form where they can edit the data related to the specific row they clicked
                                                                                                          • Allow Resource to Accept or Reject an Appointment

                                                                                                            I have heard that this can be done, is there any documentation on how?
                                                                                                          • Create new Account with contact

                                                                                                            Hi I can create a new Account and, as part of that process, add a primary contact (First name, last name) and Email. But THIS contact does NOT appear in Contacts. How can I make sure the Contact added when creating an Account is also listed as a Contact?
                                                                                                          • Custom Fonts in Zoho CRM Template Builder

                                                                                                            Hi, I am currently creating a new template for our quotes using the Zoho CRM template builder. However, I noticed that there is no option to add custom fonts to the template builder. It would greatly enhance the flexibility and branding capabilities if
                                                                                                          • Python - code studio

                                                                                                            Hi, I see the code studio is "coming soon". We have some files that will require some more complex transformation, is this feature far off? It appears to have been released in Zoho Analytics already
                                                                                                          • Next Page