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

                                                                                                          • Weekly Tips : Customize your Compose for a smoother workflow

                                                                                                            You are someone who sends a lot of emails, but half the sections in the composer just get in your way — like fields you never use or sections that clutter the space. You find yourself always hunting for the same few formatting tools, and the layout just
                                                                                                          • Zoho Slowness - Workarounds

                                                                                                            Hi all, We've been having intermittent slowness and Zoho just asks for same stuff each time but never fix it. It usually just goes away on it's own after a couple weeks. Given that speed is a very important thing for companies to be able to keep up with
                                                                                                          • Custom Bulk Select Button

                                                                                                            Zoho CRM offers the ability to select multiple records and invoke a Custom Button This functionality is missing from Recruit Currently we can only add buttons in the detail page and list But we cannot select Multiple Records and invoke a function with
                                                                                                          • Zoho CRM still doesn't let you manage timezones (yearly reminder)

                                                                                                            This is something I have asked repeatedly. I'll ask once again. Suppose that you work in France. Next month you have a trip to Guatemala. You call a contact there, close a meeting, record that meeting in CRM. On the phone, your contact said: "meet me
                                                                                                          • Power of Automation :: Smart Ticket Management Between Zoho Desk and Projects

                                                                                                            Hello Everyone, A custom function is a software code that can be used to automate a process and this allows you to automate a notification, call a webhook, or perform logic immediately after a workflow rule is triggered. This feature helps to automate
                                                                                                          • First day of trying FSM in the field.

                                                                                                            What we found. 1. with out a network connection we were unable to start a service call? 2. if you go to an appointment and then want to add an asset it does not seem possible. 3. disappointed not to be able to actually take a payment from within the app
                                                                                                          • BUG - Google Business Buttons - Add a button to GBP Post

                                                                                                            I am experiencing an issue with the "Add a button" feature when creating posts for my Google Business Profile (GBP) through Zoho Social. When I schedule or publish a GBP post and include a call-to-action button with a specific URL, the post itself publishes
                                                                                                          • Rich text Merge field - Not using font specified in HTML

                                                                                                            I have a rich text merge field in a writer template which is creating a table. I have chosen to use this method instead of a repeat region because I need to specify specific cell background colours which change every time the document is created. The
                                                                                                          • Support for Custom Fonts in Zoho Recruit Career Site and Candidate Portal

                                                                                                            Dear Zoho Recruit Team, I hope you're doing well. We would like to request the ability to use custom fonts in the Zoho Recruit Career Site and Candidate Portal. Currently only the default fonts (Roboto, Lato, and Montserrat) are available. While these
                                                                                                          • CC and/or BCC users in email templates

                                                                                                            I would like the ability to automatically assign a CC and BCC "User (company employee)" into email templates. Specifically, I would like to be able to add the "User who owns the client" as a CC automatically on any interview scheduled or candidate submitted
                                                                                                          • Trying to export a report to Excel via a deluge script

                                                                                                            I have this code from other posts but it gives me an error of improper statement, due to missing ; at end of line or incomplete expression. Tried lots of variations to no avail. openUrl(https://creatorapp.zoho.com/<username>/<app name>/XLSX/#Report:<reportname>,"same
                                                                                                          • Need help to create a attach file api

                                                                                                            https://www.zoho.com/crm/developer/docs/api/v8/upload-attachment.html Please help me to create it... It's not working for while. Do you have some example?
                                                                                                          • Export view via deluge.

                                                                                                            Hi, Is it possible to export a view (as a spreadsheet) via deluge? I would like to be able to export a view as a spreadsheet when a user clicks a button. Thanks     
                                                                                                          • how to add subform over sigma in the CRM

                                                                                                            my new module don't have any subform available any way to add this from sigma or from the crm
                                                                                                          • Outdated state in mexico

                                                                                                            Hello Zoho team, the drop down to add the state for customers, when they introduce their state in mexico has a city named “Distrito Federal” that name changed many years ago to “ciudad de mexico”. could you please update this so my clients can find the
                                                                                                          • Support new line in CRM Multiline text field display in Zoho Deluge

                                                                                                            Hi brainstrust, We have a Zoho CRM field which is a Muti Line (Small) field. It has data in it that has a carriage return after each line: When I pull that data in via Deluge, it displays as: I'm hoping a way I can change it from: Freehand : ENABLED Chenille
                                                                                                          • Possible to generate/download Quote PDF using REST API?

                                                                                                            See title. Is there any way after a quote has been created to export to a PDF using a specified template and then download it? Seems like something that should be doable. Is this not supported in the API v2.0?
                                                                                                          • Creating an invoice to be paid in two installments?

                                                                                                            Hi there, I own a small Photographic Services business and have not been able to find a way to fit my billing system into Zoho, or any other Accounting software. The way my payments work is: 1. Customer pays 50% of total price of service to secure their
                                                                                                          • Bug in allowing the user to buy out of stock items

                                                                                                            Hi i want to allow the user to buy out of stock items, according to the commerce documentation if i disable Restrict "Out of stock" purchases it will, but it doesnt work, so i want to know if it had any relation with zoho inventory, and if theres any
                                                                                                          • Zoho CRM Calendar | Custom Buttons

                                                                                                            I'm working with my sales team to make our scheduling process easier for our team. We primary rely on Zoho CRM calendar to organize our events for our sales team. I was wondering if there is a way to add custom button in the Calendar view on events/meeting
                                                                                                          • Replace Lookup fields ID value with their actual name and adding inormation from subforms

                                                                                                            Hi everyone,  I wanted to see if someone smarter than me has managed to find any solutions to two problems we have. I will explain both below.  To start we are syncing data from Zoho CRM to Zoho Analytics and I will use the Sales Order module when giving
                                                                                                          • Can a Zoho Sites page be embedded into another website (outside Zoho)

                                                                                                            Hi All, We have a request from a client - they'd like to take one of our information pages created in Zoho Sites and embed it into their own website? I was told through an email with Zoho that this was possible >>Thank you for your patience regarding
                                                                                                          • Bug in allowing the user to buy out of stock items

                                                                                                            Hi i want to allow the user to buy out of stock items, according to the commerce documentation if i disable Restrict "Out of stock" purchases it will, but it doesnt work, so i want to know if it had any relation with zoho inventory, and if theres any
                                                                                                          • Transition Criteria Appearing on Blueprint Transitions

                                                                                                            On Monday, Sept. 8th, the Transition criteria started appearing on our Blueprints when users hover over a Transition button. See image. We contacted Zoho support because it's confusing our users (there's really no reason for them to see it), but we haven't
                                                                                                          • Zoho CRM Sales Targets for Individual Salespeople

                                                                                                            Our organistion has salespeople that are allocated to different regions and have different annual sales targets as a result. I am building an CRM analytics dashboard for the sales team, which will display a target meter for the logged in salesperson.
                                                                                                          • All new Address Field in Zoho CRM: maintain structured and accurate address inputs

                                                                                                            The address field will be available exclusively for IN DC users. We'll keep you updated on the DC-specific rollout soon. It's currently available for all new sign-ups and for existing Zoho CRM orgs which are in the Professional edition. Managing addresses
                                                                                                          • Transfer all Related Data to new Account Owner

                                                                                                            Currently when I change the account Owner I only see the option to change only the open deals But I want the new account owner to take over all the related modules and all the deal stages Is it not possible right now? Am I missing something? Do I really
                                                                                                          • WIDGET in related record list ZOHO CRM; how to get and put data to subform custom fields?

                                                                                                            he need: Read and write two custom subform line-item fields on Quotes: Segment_wyceny (picklist/text) and W_pakiecie (number). Write works; read does not return these fields via SDK. Environment Zoho CRM Widget Zoho Embedded App SDK v1.2 Module: Quotes
                                                                                                          • Can i connect 2 instagram accounts to 1 brand?

                                                                                                            Can i connect 2 instagram accounts to 1 brand? Or Do i need to create 2 brands for that? also under what subscription package will this apply?
                                                                                                          • How to Calculate MTTR (Mean Time to Resolve)

                                                                                                            We want to calculate MTTR (Mean Time to Resolve) in our Zoho Analytics report under Tickets. Currently, we are using the following fields: Ticket ID Ticket Created Time Ticket Closed Time Ticket On Hold Time We are planning to calculate MTTR (in days)
                                                                                                          • How to export project tasks, including the comments

                                                                                                            Hi, how can I export the project tasks, whereby I can also see the comments associated to a specific task? The use-case is that often we use comments to discuss or update a task related ideas. I would like to export the tasks, where we can also see the
                                                                                                          • How to Install Zoho Workdrive Desktop Sync for Ubuntu?

                                                                                                            Hi. I am newbie to Linux / Ubuntu. I downloaded a tar.gz file from Workdrive for installing the Workdrive Desktop Sync tool. Can someone give me step by step guide on how to install this on Ubuntu? I am using Ubuntu 19.04. Regards Senthil
                                                                                                          • Introducing Version-3 APIs - Explore New APIs & Enhancements

                                                                                                            Happy to announce the release of Version 3 (V3) APIs with an easy to use interface, new APIs, and more examples to help you understand and access the APIs better. V3 APIs can be accessed through our new link, where you can explore our complete documentation,
                                                                                                          • Does Zoho Sheet Supports https://n8n.io ?

                                                                                                            Does Zoho Sheet Supports https://n8n.io ? If not, can we take this as an idea and deploy in future please? Thanks
                                                                                                          • Bigin Android app update: User management

                                                                                                            Hello everyone! In the most recent Bigin Android app update, we have brought in support for the 'Users and Controls' section. You can now manage the users in your organization within the mobile app. There are three tabs in the 'Users and Controls' section:
                                                                                                          • Share records with your customers and let them track their statuses in real time.

                                                                                                            Greetings, I hope everyone is doing well! We're excited to introduce the external sharing feature for pipeline records. This new enhancement enables you to share pipeline records with your customers via a shareable link and thereby track the status of
                                                                                                          • Live webinar: Discover Zoho Show: A complete walkthrough

                                                                                                            Hello everyone, We’re excited to invite you to our upcoming live webinar, Discover Zoho Show: A Complete Walkthrough. Whether you’re just getting started with Show or eager to explore advanced capabilities, this session will show you useful tips and features
                                                                                                          • Deal Stage component/widget/whatever it is... event

                                                                                                            Deal Stages I am trying to access the event and value of this component. I can do it by changing the Stage field but users can also change a Deal Stage via this component and I need to be able to capture both values. Clicking on 'Verbal' for instance,
                                                                                                          • Create advanced slideshows with hybrid reports using Zoho Projects Plus

                                                                                                            Are your quarterly meetings coming up? It’s time to pull up metrics, generate reports, and juggle between slides yet again. While this may be easier for smaller projects, large organizations that run multiple projects may experience the pressure when
                                                                                                          • Add an option to disable ZIA suggestions

                                                                                                            Currently, ZIA in Zoho Inventory automatically provides suggestions, such as sending order confirmation emails. However, there is no way to disable this feature. In our case, orders are automatically created by customers, and we’ve built a custom workflow
                                                                                                          • Next Page