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 - Data, Elements, 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 Tabs, Lines, Sections, 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

 



      • Sticky Posts

      • Introducing Zoho Creator's 2025 Release Projection 2

        Hello Creators! I'm Prakash, from the Creator product management team, and today I'm delighted to unveil our next set of features as part of Release Projection 2 for 2025. With thoughtful analysis and planning, we've curated powerful new capabilities

      • 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

        • Recent Topics

        • Random Leads are being created

          Hi, Every few days I am getting random leads that are being created with no form interactions at all. The email addresses are from obvious spam, such as 'Easymerchantsx'. When I look at the timeline, there is a Visit record and then a Lead Created record,

        • Print a price list or price book

          Hi Community. Am I right in concluding that Zoho has no functionality to print a price list from either Zoho CRM, Zoho Inventory or Zoho Books? I won't get stuck on the fact that Zoho doesn't sync price books between Zoho CRM and Books/Inventory (more

        • Bar Chart -- sort X-axis

          Hi! I created a bar chart ("Top 10 Products by Revenue") X-axis: Product Name Y-axis: Revenue Filter: Revenue - Top 10 Here's a picture: http://screencast.com/t/ZTJlZTdkNz The x-axis is sorted alphabetically by Product Name. How can I force it to sort numerically by Revenue?

        • ZoHo Flow Custom Function not Processing JSON

          JSON is being escaped and converting all the quotes in the JSON to '"' Here's the Code: void InsertRowInE123EligibitySheet(map input) { rawData = get("data",""); decodedData = rawData.htmlDecode(); data = decodedData.toMap(); sheet_id = "ID GOES

        • Managing functions

          Can someone let me know if there are any plans to improve the features for managing functions in CRM? I have lots of functions and finding them is hard. The search only works on the function name and the filter only works on function type. I have created

        • Zoho FSM - Service Appointment Trouble Adding Field Agent

          Hello, I just started using Zoho FSM and I'm currently adding older work orders from prior Field Service application I use. The work order that im trying to add is from an earlier date, and when I try to add a field agent to a service appointment it does

        • Shifts in Zoho People vs Zoho Shifts?

          Hello Zoho People Team, We hope you are doing well. We are evaluating the Shifts functionality within Zoho People and comparing it to the standalone Zoho Shifts product. We’ve encountered comments and discussions suggesting that the Shifts feature inside

        • 年内最後のユーザー向けイベント：5名限定！ 課題解決型ワークショップイベント Zoho ワークアウト開催のお知らせ (12/18)

          ユーザーの皆さま、こんにちは。コミュニティチームの中野です。 12月開催のZoho ワークアウトについてお知らせします。 今回はZoomにて、オンライン開催します。 参加登録はこちら（無料） https://us02web.zoom.us/meeting/register/QHn6kJAcRs-znJ1l5jk0ww ━━━━━━━━━━━━━━━━━━━━━━━━ Zoho ワークアウトとは？ Zoho ユーザー同士で交流しながら、サービスに関する疑問や不明点の解消を目的とした「Zoho ワークアウト」を開催します。

        • How do I get my account id?

          Hello, I followed the instructions to get a list of accounts of the currently authenticated user (which is me, and I am logged in). But when I follow the below instructions I get the following error: ERROR: {"data":{"errorCode":"INVALID_TICKET","moreInfo":"Invalid ticket"},"status":{"code":400,"description":"Invalid Input"}} Instructions that I am following: GET - User account details Purpose The API retrieves the list of accounts of the currently authenticated user.  Request URL  http://mail.zoho.com/api/accounts

        • This domain is not allowed to add. Please contact support-as@zohocorp.com for further details

          I am trying to setup the free version of Zoho Mail. When I tried to add my domain, theselfreunion.com I got the error message that is the subject of this Topic. I've read your other community forum topics, and this is NOT a free domain. So what is the

        • Zoho Quartz Screen Recording

          Hello, can we get access to Quartz, please, as a standalone solution? It would be great for creating training videos for current and future staff on how to use Zoho software according to our company requirements. Thank you

        • auto close automated alert tickets which are similar

          Hello ZOHO Community, we are using ZOHO Desk to process automated monitoring alerts. Scenario: Our monitoring system creates a ticket when a threshold is exceeded, e.g. Subject: Computer 1 – CPU usage 100% – Error A few minutes later, once the issue resolves

        • Maintain knowledge base integrity by moderating article comments

          Hello everyone, A knowledge base provides a self-service platform where customers can refer to articles, user manuals, and other resources to learn about the company's products or services and troubleshoot problems. Often, readers leave a comment on the

        • Making another calendar your default calendar

          I am trying to make another calendar my default calendar when I add events to it. It keep going to a single calendar, I need it to go to my google calendar by default, as this is linked to other services / websites. I cannot find an option to make it

        • Option to Delete Chats in IM

          Currently, there is no option to delete any chats in IM, regardless of their source.

        • Referencing a cell from another sheet

          My workbook has multiple sheets. Each sheet has some calcluated totals in certain cells. The front master sheet has a list of everything that is detailed on the other sheets, with the totals. These could change at any time, so the totals need to be references to the other cell's value, not a fixed number. So on the master sheet, I put in =, then go the other sheet and choose the cell and hit Enter. In regular Excel, this works. But in the Zoho sheet, it doesn't work. I have to edit the result by

        • Group mail for external email addresses

          Hello, I was just wondering if the Group mail feature works with external email addresses - e.g. gmail.com or a completely different domain? it seems only internal addresses (hosted with Zoho) receive the mail. Thanks, Oliver

        • Is Zoho Shifts included in the Zoho One plan?

          In case the answer is no: there's any plan to make it available via One? Thank you

        • Marketing Automation Requirements Questions

          I would like to set up a multi-email drip campaign- please see the structure below and confirm if I can achieve this set up in Zoho marketing automation. Where applicable, highlight gaps and workarounds. Thanks Drip email campaign- Can I create one drip

        • The email address you have entered belongs to a different deployment/region.

          Hi, I am trying to create the user - mprust@crombiecomputers.co.uk but keep getting the message below -  The email address you have entered belongs to a different deployment/region. Please contact support@zohoaccounts.com for assistance. Look forward

        • Use Zoho Flow Credits for CRM ‘Actions by Zoho Flow’

          Hello Team, We would like to submit a feature request regarding credit usage for “Actions by Zoho Flow” in Zoho CRM. Use Case: We are Zoho One users and actively use Zoho Flow, where our organization has 52,000 Flow tasks per month. In Zoho CRM, we use

        • Unusual activity detected from this IP. Please try again after some time.

          Hello Zoho admin and IT team We are a registered website in Eloctronic services and we been trying to add our users to the zoho system but this issue faced us ,, hope you unlocked us please.

        • Alert if a field is ticked.

          Hi There, We have two modules named Opportunities (Deals) and End Users (CustomModule1), as per the image below. Within Opportunities, we have a lookup field that looks up from the End Users Module. We are looking to get an alert either via email or another

        • Zoho CRM Analytics - Allow To Reorder Dashboards

          I would like to suggest that you add the ability to reorder dashboards in the Analytics Module. I can see that this has been requested some time ago, the latest 9 years ago. I am not sure if this is a big or small endeavor, but such a small fix can go

        • Sending a Template to Sign

          hi, trying to send a template to be signed using this as a test: $accessToken = "1000.xxx" $templateId = "1234" $uri = "https://sign.zoho.eu/api/v1/templates/$templateId/createdocument" $payload = @{ templates = @( @{ template_id = $templateId request_name

        • Kaizen #194 : Trigger Client Script via Custom buttons

          Hello everyone! Welcome back to another interesting and useful Kaizen post. We know that Client Scripts can be triggered with Canvas buttons and we discussed this with a use case in Kaizen#180. Today, let us discuss how to trigger Client Script when a

        • Adding Choices in a Sub-Form Dropdown

          Hi, Has anybody tried Adding Choices to a Dropdown in a Zoho Creator Sub-Form programmatically? My Deluge code adds rows to a subform with 2 fields A and B. A - text field. B - dropdown. My Deluge script adds the row and displays A successfully. For the

        • Zoho CRM Email Templates 100% Width No Background How?

          Hi, On the Zoho CRM Email Templates in setup > customization > templates > new templates > I choose blank template, but still it puts in a gray background and a max width for the email. I just want to make an email that looks like an email I would send from gmail that has no background or max width. How do you do this? 

        • Checking client unsubscribe details

          Hi team, Can you please let me know where we can check if a client has unsubscribed, along with the date and time it was done? If this information is not available at our end, please help confirm the unsubscribe date for the below email ID from the backend:

        • Optimum CRM setup for new B2B business

          Can some advise the most common way to setup Zoho CRM to handle sales for a B2B company? Specifically in how to handle inbound/outbound emails. I have spent hours researching online and can't seem to find an accepted approach, or even a tutorial. I have

        • Integration with...

          Dear Zoho Commerce team, Please could you consider the integration within Zoho Commerce / Inventory and Qapla'? (https://www.qapla.it/en/) This app is better than Aftership in many ways: - Aftership integration require PRO plan and price start from more

        • Scan and Fill CRM Lookup Field

          Not sure if there is a reason why this isn't possible or if I'm just missing it. But I would like to be able to use the scan and fill feature on the mobile app to prefill the CRM lookup field and fetch the rest of the data in the form.

        • Customer Management: #2 Organize Customers to Enhance Efficiency

          When Ankit started his digital services firm, things felt simple. A client would call, ask for a website or a one-time consultation, Ankit would send an invoice, get paid, and move on. "Just one client, one invoice. Easy.", he thought. Fast forward a

        • Zoho Mail and Zoho Flow integration to automatically create ToDo tasks from outbound emails

          How do i setup Zoho Mail and Zoho Flow integration to automatically create ToDo tasks from outbound emails

        • Attachments between Zoho and Clickup, using Flow.

          Olá suporte Flow, tudo bem ? Estamos usando o flow para integrar Zoho Desk com o clickup. Não localizamos a opção de integrar anexos entre do zoho Desk para o clickup. Gostaríamos de saber se migrando para o plano pago, teremos suporte para fazer a integração

        • Adding an Account on Zoho Mail Trigger in Zoho Flow

          I'm trying to create a flow using the zoho mail trigger "Email Receive". My problem is that when I select this trigger, it only shows one account from the account dropdown. I'm planning to assign it on a different email. How can I add other email ad

        • Linnworks

          Unless I am missing something, the Linnworks integration is very basic and limited. I have reached out to support but the first response was completely useless and trying to get a reply in a timely manner is very difficult. Surely I should be able to

        • Test data won't load

          I am using a Flow to receive orders from WooCommerce and add them to a Zoho Creator app. I recently received an order which failed, and when attempting to test the order I found that it just shows a loading animation and shows up in the history as "queued."

        • AddHour resets the time to 00:00:00 before adding the hour.

          Based on the documentation here: https://www.zoho.com/deluge/help/functions/datetime/addhour.html Here's my custom function: string ConvertDateFormat(string inputDate) { // Extract only the date-time part (before the timezone) dateTimePart = inputDate.subString(0,19);

        • WhatsApp Link is not integrating

          Hello, I am using zoho flow. when new row added in google sheet it sends email to respected person. In email body I have a text "Share via WhatsApp". behind this text I putted a link. But when the recipient receives email and wants to share my given info

        • Next Page