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

                                                                                                          • I want to Make the due date of the project appears automatically

                                                                                                            hello everyone I want to know if the zoho projects app can add automatically the END DATE of the project I added the duration, start after dates of each tasks in the project template & the starting date of the project itself and the end date of it doesn't
                                                                                                          • Zoho CRM Client Script - SetCriteria in lookup Field

                                                                                                            Hello All One More Zoho CRM Client Script Tips & Trick. Now you can Set the Criteria on Your lookup in zoho CRM, It Comes With a Create Page, Edit Page, and Details Page (Standard). Example:- We have a Room Module that includes Room Name, Status, Campus,
                                                                                                          • Introducing Profile Summary: Faster Candidate Insights with Zia

                                                                                                            We’re excited to launch Profile Summary, a powerful new feature in Zoho Recruit that transforms how you review candidate profiles. What used to take minutes of resume scanning can now be assessed in seconds—thanks to Zia. A Quick Example Say you’re hiring
                                                                                                          • How to get the call recording external ID via desk API

                                                                                                            I have enabled phonbridge integration with Zoom Call. I am trying to access the call recording in Zoom by calling Zoom API. I have built a Desk workflow to trigger on a new call, to call a custom function. when calling the API, the response doesn't contain
                                                                                                          • How do you print a refund check to customer?

                                                                                                            Maybe this is a dumb question, but how does anyone print a refund check to a customer? We cant find anywhere to either just print a check and pick a customer, or where to do so from a credit note.
                                                                                                          • Notebook

                                                                                                            I have purchased the monthly pro subscription of Notebook. But it does not support my XP-Pen to write something in it. So it is not useful to me. Hence I am requesting you to help me to discontinue this subscription.
                                                                                                          • Domain Mapping & Image Publishing Issues on Zoho Sites

                                                                                                            Hello, I am facing two issues with my Zoho Sites account: 1. Images not visible after publishing. 2. Domain mapping error: "Domain already exists". I am a paid customer. Please connect me with Live Chat Support or Zoho Assist so I can show my issue
                                                                                                          • Prevent duplicate with custom fields?

                                                                                                            I was wondering something about custom field/custom modules in Zoho Desk. For some reason you can make a custom field mandatory but not unique? For example, if I create a custom module to manage equipment and renewal and make a field serial number no
                                                                                                          • Round robin

                                                                                                            Hi, I'm trying to set up a round robin to automatically distribute tickets between agents in my team but only those tickets that are not otherwise distributed by other workflows or direct assignments. Is that possible and if so which criteria should I
                                                                                                          • "Is Zoho CRM customer" vs "Is linked with Zoho CRM"

                                                                                                            Recently while building a Flow, I was setting up a Decision action following a Zoho Invoice Fetch record action. There were 2 choices that I had not seen as something I could manually action in Zoho Invoice: "Is Zoho CRM customer" and "Is linked with
                                                                                                          • Two currencies

                                                                                                            More and more I am finding that internattional payments' fees are unpredictable. I would like, on my invoices that are in a foreign currency (eg. USD$ or EUR€) for there to be a GBP£ TOTAL display alongside the invoice's currency total. This would make
                                                                                                          • Automatic Matching from Bank Statements / Feeds

                                                                                                            Is it possible to have transactions from a feed or bank statement automatically match when certain criteria are met? My use case, which is pretty broadly applicable, is e-commerce transactions for merchant services accounts (clearing accounts). In these
                                                                                                          • Generate leads from instagram

                                                                                                            hello i have question. If connect instagram using zoho social, it is possible to get lead from instagram? example if someone send me direct message or comment on my post and then they generate to lead
                                                                                                          • Kaizen #71 - Client Script ZDKs for Detail (Canvas) Page

                                                                                                            Hello everyone! Welcome back to another interesting Kaizen post. In this post, we can discuss Client Script ZDKs support for Detail (Canvas) Page. What is Detail (Canvas) Page? A Detail(Canvas) Page allows you to customize the record detail page to your
                                                                                                          • Zoho PDF editor has a lot of issues.

                                                                                                            Zoho PDF editor needs a lot of work. It hangs and glitches a lot. Deletes annotations and clearings randomly.
                                                                                                          • Where is the desktop app for Zoho Projects???

                                                                                                            As a project manager, I need a desktop app for the projects I manage. Yes, there's the web app, which is AWESOME for cross browser and platform compatibility... but I need a real desktop app for Projects that allow me to enter offline information where
                                                                                                          • How to Automate Monthly PDF Reports with Filters in Zoho Creator

                                                                                                            Hi everyone, I’m trying to build an automated monthly reporting process in Zoho Creator and would appreciate suggestions or best practices from anyone who has done something similar. What I’m trying to do: I have a form called New_Customer with fields
                                                                                                          • Feedback: Streamlining Note Management in Zoho Notebook

                                                                                                            Dear Team/Support, I would like to share some feedback regarding the note management system that could help improve usability and accessibility for users like myself. Notebook 1 (screenshot attached): Currently, the system does not allow selecting and
                                                                                                          • showing Limit exceeded

                                                                                                            Good afternoon...trust you're good. I've been having issues working with but it's not responding. it's showing Limit exceeded, sorry it seems like too many people are working on the sheet right now please try again later. meanwhile no one is working on
                                                                                                          • Converting Sales Order to Invoice via API; Problem with decimal places tax

                                                                                                            We are having problems converting a Sales Order to an Invoice via API Call. The cause of the issue is, that the Tax value in a Sales Order is sometimes calculated with up to 16 decimal places (e.g. 0.8730000000000001). The max decimal places allowed in
                                                                                                          • Sorting columns in Zoho Projects

                                                                                                            Hi, In project management best practice, sorting columns (ascending, descending) is an important tool. Sorting dates to see the order of tasks starting, sorting on priority or even on planned hours is a must for an efficient project control. Currently,
                                                                                                          • CRM : Function to add user name to text field

                                                                                                            I have a lookup field in a module that is linked to the CRM users so we can assign a Project Lead to the customer. Sadly Zoho Marketing Automation doesn't sync Lookup fields so I need to extract information from the lookup to text fields: Lookup field
                                                                                                          • Upload API

                                                                                                            I'm trying to use the Upload API to upload some images and attach them to comments (https://desk.zoho.com/DeskAPIDocument#Uploads#Uploads_Uploadfile) - however I can only ever get a 401 or bad request back. I'm using an OAuth token with the Desk.tickets.ALL
                                                                                                          • Losing description after merging tickets

                                                                                                            Hello, We merge tickets when they are about the same topic from the same client. It happens sometimes. We recently noticed that after the merger only the description from the master ticket is left in a thread. And the slave-ticket description is erased.
                                                                                                          • Option to Empty Entire Mailbox or Folder in Zoho Mail

                                                                                                            Hello Zoho Mail Team, How are you? We would like to request an enhancement to Zoho Mail that would allow administrators and users to quickly clear out entire folders or mailboxes, including shared mailboxes. Current Limitation: At present, Zoho Mail only
                                                                                                          • update linked contacts when update happens in account

                                                                                                            Hi, I have a custom field called Licence in the Accounts module. When someone buys a licence, I’d like to update a custom field in the related Contacts. How can I achieve this? I noticed that workflows triggered on Accounts only allow me to update fields
                                                                                                          • Problem Management Module

                                                                                                            I am looking for a Problem Management module within Zoho Desk. I saw in some training videos that this is available, and some even provided an annual price for it. I want an official confirmation on whether this is indeed available. This is not a particularly
                                                                                                          • Deluge sendmail in Zoho Desk schedule can't send email from a verified email address

                                                                                                            I am trying to add a scheduled action with ZDesk using a Deluge function that sends a weekly email to specific ticket client contacts I've already verified the email address for use in ZDesk, but sendmail won't allow it in its "from:" clause. I've attached
                                                                                                          • Unable to explore desk.zoho.com

                                                                                                            Greetings, I have an account with zoho which already has a survey subscription. I would like to explore desk.zoho.com, but when I visit it while logged in (https://desk.zoho.com/agent?action=CreatePortal) I just get a blank page. I have tried different
                                                                                                          • Offline support for mobile app

                                                                                                            Accessing your files and folders from your mobile devices is now quicker and simpler, thanks to the power of offline support. Whether on an Android or iOS device, you can use the Offline function to save files and folders, so you can review them even
                                                                                                          • Zoho Desk KB article embedded on another site.

                                                                                                            We embed KB articles from Zoho Desk on another site (our application). When opening the article in a new tab, there is no issue, but if we choose lightbox, we are getting an error "To protect your security, help.ourdomain.com will not allow Firefox to
                                                                                                          • Transitioning to API Credits in Zoho Desk

                                                                                                            At Zoho Desk, we’re always looking for ways to help keep your business operations running smoothly. This includes empowering teams that rely on APIs for essential integrations, functions and extensions. We’ve reimagined how API usage is measured to give
                                                                                                          • List of packaged components and if they are upgradable

                                                                                                            Hello, In reference to the article Components and Packaging in Zoho Vertical Studio, can you provide an overview of what these are. Can you also please provide a list of of components that are considered Packaged and also whether they are Upgradable?
                                                                                                          • Does Attari Messaging app have Bot option and APIB

                                                                                                            Hi, Does Attari also have Bot and API as we use in WhatsApp??
                                                                                                          • how to use validation rules in subform

                                                                                                            Is it possible to use validation rules for subforms? I tried the following code: entityMap = crmAPIRequest.toMap().get("record"); sum = 0; direct_billing = entityMap.get("direct_billing_details"); response = Map(); for each i in direct_billing { if(i.get("type")
                                                                                                          • How to add application logo

                                                                                                            I'm creating an application which i do not want it to show my organization logo so i have changed the setting but i cannot find where to upload/select the logo i wish to use for my application. I have seen something online about using Deluge and writing
                                                                                                          • Introducing Keyboard Shortcuts for Zoho CRM

                                                                                                            Dear Customers, We're happy to introduce keyboard shortcuts for Zoho CRM features! Until now, you might have been navigating to modules manually using the mouse, and at times, it could be tedious, especially when you had to search for specific modules
                                                                                                          • Empowered Custom Views: Cross-Module Criteria Now Supported in Zoho CRM

                                                                                                            Hello everyone, We’re excited to introduce cross-module criteria support in custom views! Custom views provide personalized perspectives on your data and that you can save for future use. You can share these views with all users or specific individuals
                                                                                                          • Send Automated WhatsApp Messages and Leverage the Improved WhatsApp Templates

                                                                                                            Greetings, I hope all of you are doing well. We're excited to announce a major upgrade to Bigin's WhatsApp integration that brings more flexibility, interactivity, and automation to your customer messaging. WhatsApp message automation You can now use
                                                                                                          • Verifying Zoho Mail Functionality After Switching DNS from Cloudflare to Hosting Provider

                                                                                                            I initially configured my domain's (https://roblaxmod.com/) email with Zoho Mail while using Cloudflare to manage my DNS records (MX, SPF, etc.). All services were working correctly. Recently, I have removed my site from Cloudflare and switched my domain's
                                                                                                          • Next Page