Exciting enhancements for the Canvas Builder!

Exciting enhancements for the Canvas Builder!

Hello Users!
 
We're excited to announce the latest enhancements to Zoho CRM's Canvas Builder, taking your customization experience to new heights. Discover the following feature upgrades and improvements, designed to empower you with even more flexibility and control over your CRM design:
  • Tab component enhancement
  • Builder zoom feature
  • Radius handlers
  • Width/height indicator
  • Builder UX/UI improvements
  • Tool usability improvements
Let's explore these exciting additions in more detail.

Tab component enhancement

You can now effortlessly customize the orientation of tabs, in addition to editing tab names, placing tab icons, and taking advantage of improved tab navigation controls. 
  • Easily configure tab orientation; choose from options like horizontal top, horizontal bottom, vertical left, and vertical right.

  • Edit tab names by double-clicking and save your changes by pressing the Enter key.
  • Move tab icons to the top or left using the tab item context menu.
  • Merge or split tab navigation icons for better control.

Builder zoom feature

The zoom feature in the Canvas Builder enables you to adjust the zoom level of the builder area, providing you with more control over the visibility and precision of your design. Here are the various methods you can use to zoom in and out:
  • Pinch zoom: If you're using a touch-enabled device, such as a trackpad or touchscreen, you can use a multi-touch gesture known as pinch zoom. Simply place two fingers on the screen and move them closer together to zoom in or further apart to zoom out. 
  • Command + mouse wheel: For Mac users, you can hold the command key while scrolling the mouse wheel to zoom in or out. Windows users can achieve the same effect by holding the control key and scrolling the mouse wheel. 
  • Command + plus (+): Another keyboard shortcut available is using the command key on Mac (or control key on Windows) along with the plus (+) key to zoom in. 
  • Command + minus (-): Similarly, by using the command key on Mac (or control key on Windows) along with the minus (-) key, you can zoom out. 
  • Zoom dropdown: The Canvas Builder also provides a convenient zoom dropdown menu accessible from the canvas-top-container. This dropdown menu offers predefined zoom options that you can select directly, such as 50% (50% of default page size), 100% (default page size), 200% (200% of default page size), and fit to screen (fitting the screen width of the art board).

Radius handlers

Customize section corners in your design with the help of four circular radius helpers. These helpers enable you to achieve rounded corners for a visually appealing and modern look.
 
To adjust or update the radius, simply drag the corresponding radius helper towards the inside of the section. By dragging the handler, you can easily increase or decrease the radius value, giving you fine-grained control over the corner curves.


Furthermore, you can apply the same radius value to all sides of the section to ensure a consistent and uniform look. Alternatively, you can set individual sides to have different radius values, allowing for more creative and customized corner designs.

Width/height indicator

The width/height indicator enhances your precision in the Canvas Builder by providing you with precise measurements when selecting fields or components (except icons). When you select a field or component, a width/height indicator will be displayed below the selected box.


This indicator shows you the exact width and height measurements of the selected element, enabling you to have accurate and precise control over the size and dimensions of your components. 

Builder UX/UI improvements

The UX/UI improvements in the Canvas Builder create a more visually appealing, organized, and user-friendly environment.
  • Enhanced visual experience: Enjoy a more visually appealing experience with the introduction of new colors for background, border, and text elements. These new color options provide you with more customization choices, allowing you to create stunning and unique designs.

  • Improved style tab: The style tab has been enhanced with the addition of tool containers, providing a more organized and streamlined interface. Furthermore, when hovering over the tool containers, you'll notice highlighting effects that make it easier to identify and select the desired tool.

  • Updated slider tool UI: The slider tool UI has undergone updates to improve its usability. These updates ensure a smoother and more intuitive experience when working with sliders, making it effortless to adjust values and settings.
  • Advanced color picker: The color picker now offers advanced functionality. When dragging or changing colors in the picker, the selected element's color value is instantly updated. This allows you to preview and fine-tune colors in real time, making it easier to achieve the perfect color scheme for your CRM customization.

Tool usability improvements

In order to enhance the usability of the tools within Canvas Builder, we've introduced the following features:
  • Drag text in the input boxes: When working with text elements, you can now easily adjust input values by dragging text inside the input boxes directly. This feature enables you to modify the text measurement in either pixels or percentage.

  • Increase and decrease input value: To modify an input value, you can drag text in different directions within an input box. By dragging it towards the right or top, you can increase the value. Conversely, dragging it towards the left or bottom will decrease the value. This intuitive interaction makes it effortless to fine-tune the measurements of your elements.
  • Instant style updates: When making changes to the selected element's properties—such as adjusting the input value—you will experience instant style updates. This means that as you drag the text or modify the input value, the appearance of the selected element will be updated in real time, enabling you to visualize changes and make precise adjustments to achieve the desired look and feel.
Points to remember
  • Some keyboard shortcuts mentioned may vary depending on your operating system.
That's all for these enhancements. Please give them a try and let us know your thoughts and feedback in the comments below. 
 
Thanks!
Sohel


      Zoho Campaigns Resources


        • Desk Community Learning Series


        • Digest


        • Functions


        • Meetups


        • Kbase


        • Resources


        • Glossary


        • Desk Marketplace


        • MVP Corner


        • Word of the Day


        • Ask the Experts


          Zoho CRM Plus Resources

            Zoho Books Resources


              Zoho Subscriptions Resources

                Zoho Projects Resources


                  Zoho Sprints Resources


                    Zoho Orchestly Resources


                      Zoho Creator Resources


                        Zoho WorkDrive Resources



                          Zoho CRM Resources

                          • CRM Community Learning Series

                            CRM Community Learning Series


                          • Tips

                            Tips

                          • Functions

                            Functions

                          • Meetups

                            Meetups

                          • Kbase

                            Kbase

                          • Resources

                            Resources

                          • Digest

                            Digest

                          • CRM Marketplace

                            CRM Marketplace

                          • MVP Corner

                            MVP Corner




                            Zoho Writer Writer

                            Get Started. Write Away!

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

                              Zoho CRM コンテンツ








                                ご検討中の方

                                  • Recent Topics

                                  • Option to Customize Career Site URL Without “/jobs/Careers”

                                    Dear Zoho Recruit Team, I hope you are doing well. We would like to request an enhancement to the Career Site URL structure in Zoho Recruit. In the old version of the career site, our URL was simply: 👉 https://jobs.domain.com However, after moving to
                                  • Zoho Mail POP & IMAP Server Details

                                    Hello all! We have been receiving a number of requests regarding the errors while configuring or using Zoho Mail account in POP/ IMAP clients. The server details vary based on your account type and the Datacenter in which your account is setup. Ensure
                                  • Ever since the new Android App udpates notifications are not working

                                    notifications are not working for the app is its closed I followed the tutuorial to the notificaction fixed and everythig seems to be right but notifications are not workig
                                  • Zoho Analytics & Zoho Desk - but not all desks

                                    I have several desks in our company and one of those is used by our HR department. I want to bring through the data to the shared Zoho Analytics workspace - except for the HR desk. Can this be excluded at data import stage ?
                                  • Incoming Emails Not Showing Up in Zoho Inbox

                                    Hi - I have my Zoho email account set up to forward a copy of all incoming emails to a secondary Gmail address, whilst retaining the original email in the Zoho inbox. However, all my incoming emails are currently not showing up in my Zoho inbox, so I'm
                                  • How to retrieve my following requests on this forum?

                                    Sorry, but I did not find the proper subforum for this question.
                                  • How to list emails in a folder, e.g. Inbox, on multiple pages when using Zoho mail webpage?

                                    Something as shown in the figure. There are totally 50 emails in Sent folder. If "Mail per page" equals 20, then the Sent folder is split into 3 pages. When I wander through Sent folder, I can just select a specific page to jump to. BTW, it seems that
                                  • Unable to Create Zoho Booking via the Book Appointment API

                                    Its giving the below error {     "response": {         "errormessage": "Error setting value for the variable:customer_details\n null",         "status": "Error"     } } Request: POST Url: https://www.zohoapis.in/bookings/v1/json/appointment attached Zoho-oauthtoken
                                  • SHEET - Send email when a cell changes

                                    I would like to create a custom function for Zoho Sheet that triggers when a paticular cell changes to a specific value. This would result in sending an email to a recipient (this would be an address that remains the same and included in the script). Example: = IF(N4= "Drafted", <>EmailFunction) 1)     Cell N4 changes to "Drafted" 2)    Email is sent to recipient            or alternatively 3)    Post to chat channel I have found the Custom function editor in Sheet. I am not bad at scripting, but
                                  • 【開催報告】 福岡 ユーザー交流会 2025/8/8(金)

                                    皆さま、こんにちは。コミュニティチームの中野です。 8/8(金)に、福岡 ユーザー交流会を開催しました。 本投稿では、その様子をお届けします。当日の登壇資料などもこちらに共有しますので、参加できなかった皆さまもご参照ください。 今年初の開催となる福岡 ユーザー交流会では、CreativeStudio樂合同会社 前田さんによるZoho CRM / Sign / Survey の事例セッションのほか、 Zoho社員セッションでは、Zoho Forms の活用法を解説。 さらに、「見込み客・顧客データの管理/活用方法」をテーマに参加者同士でZoho
                                  • no me llegan los correos a Zoho mail

                                    No puedo recibir correos pero sí enviarlos, ya hice la modificación de MX y la verificación de teléfonos, qué es lo que ocurre? gracias
                                  • Error: Invalid login: 535 Authentication Failed

                                    I have used zoho with nodemailer. const transporter = nodemailer.createTransport({ host: 'smtp.zoho.com', port: 465, secure: true, auth: { user: 'example@example.com', pass: 'password' } }); While sending the mail, it shows the following error: Error:
                                  • Zoho Renewal

                                    Hello, If I am not going for zoho email renewal. will i get back my free zoho account? and if yes then is it possible to get back my all free user. how many user get back 10 or 25?
                                  • javax.mail.authenticationfailedexception 535 authentication failed

                                    Hi, I am facing 535 authentication failed error when trying to send email from zoho desktop as well as in webmail. Can you suggest to fix this issue,. Regards, Rekha
                                  • Not reciving emails

                                    Apparently i cannot recive emails on my adress contact@sportperformance.ro I can send, but do not recive. The mail i'm trying to send from mybother adress gets sent and doesn't bounce back... but still doesn't get in my inbox. Please advise
                                  • Not receiving MailChimp verification e-mail

                                    It seems that their verification e-mails are blocked. I can receive their other e-mails, but not their verification of domain ownership e-mail. I've checked and double checked how I typed the e-mail, using different e-mails (my personal e-mail can receive it), white listing the domain and all that is left is for the IP's to be white listed, but I don't have that power.  If a staff member could take a look at this -> http://mailchimp.com/about/ips/ And perhaps white list them for me, that would be
                                  • Creating my 2nd email account

                                    After creating my first email address, I decided to get another email address. I would like to use this new address as the primary address too. I don't know how to set it up there doesn't seem to be an option for that
                                  • Cannot - create more email account - Unusual activity detected from this IP. Please try again after some time

                                    Hello, I come across the error message in Control Panel. Unusual activity detected from this IP. Please try again after some time and i cannot create any more users We are an IT company and we provide service for another company Please unlock us.
                                  • "Unable to send message;Reason:553 Relaying disallowed. Invalid Domain"

                                    Good day. When I try to send mail through ZOHO mail I get the following error : "Unable to send message;Reason:553 Relaying disallowed. Invalid Domain" I need help with this. My zohomail is : @eclipseweb.site Thank you,
                                  • Transfert de domaine pour création des comptes emails

                                    Bonjour , je ne parviens point à créer des mails avec le domaine 'raeses.org' suite à la souscription du domaine auprès d'un autre hébergeur, dont j'ai fait la demande du code de transfert qui est le suivant : J2[U8-l0]p8[ En somme, attente de l'activation
                                  • Help! Unable to send message;Reason:554 5.1.8 Email Outgoing Blocked.

                                    Kindly help me resolved this issue that i am facing here.
                                  • How are people handling estimates with Zoho inventory?

                                    We are often using Zoho Books for estimates that then get converted to invoices within Books. We would like the sales team to migrate entirely to Zoho Inventory and no longer need to use Zoho Books so that they are only on one system. How are people managing
                                  • Relative Date Searches

                                    Currently in the search options, it has "date", "from date" and "to date". I think it would be great if there were options like "date greater than x days ago" and "date less than x days ago". I realise that as a once off you can just use the existing
                                  • Performance is degrading

                                    We have used Mail and Cliq for about three years now. I used to use both on the browser. Both have, over the past 6 months, had a severe degradation in performance. I switched to desktop email, which appeared to improve things somewhat, although initial
                                  • Ask the Experts 23: Customize, utilize, and personalize with Zoho Desk

                                    Hello everyone! It's time for the next round of Ask the Experts (ATE). This month is all about giving Zoho Desk a complete makeover and making it truly yours. Rebrand Zoho Desk with your organization’s details, customize ticket settings based on your
                                  • Dear Zoho CEO: Business Growth is about how you prioritise!

                                    All of us in business know that when you get your priorities right, your business grows. Zoho CRM and Zoho Books are excellent products, but sadly, Zoho Inventory continues to lag behind. Just this morning, I received yet another one-sided email about
                                  • Payroll In Canada

                                    Hi, When can we expect to have payroll in Canada with books 
                                  • Please review and re-enable outgoing emails for my domain

                                    Hello Zoho Support, I have recently purchased a new domain and set up email hosting with Zoho. However, my account shows "Outgoing Email Blocked". I am a genuine user and not sending bulk/spam emails. Please review and re-enable outgoing emails for my
                                  • Payroll without tax integrations (i.e. payroll for international)

                                    It seems as though Zoho waits to develop integrations with local tax authorities before offering Zoho Payroll to Zoho customers in a country. Please reconsider this approach. We are happy Zoho Books customers, but unhappy that we have to run payroll in
                                  • goingout e mail block

                                    info@ozanrade.com.tr
                                  • Incoming mails blocked

                                    Zoho User ID : 60005368884 My mail Id is marketing#axisformingtechnology.com .I am getting following message "Your Incoming has been blocked and the emails will not be fetched in your Zoho account and POP Accounts. Click here to get unblocked." Please
                                  • Assistance Needed: Ticket Status Not Updating and Sorting by Last Customer Reply in Zoho Desk

                                    Hello, I’m facing two issues in Zoho Desk that I’d like your guidance on: Ticket Status Not Updating: When a customer replies to a ticket, the status does not change to Reopened. Instead, it remains in Waiting on Customer, even after the customer’s response
                                  • Configuring Email Notifications with Tautulli for Plex

                                    Hi I'm new to Zoho. I am from Canada and I have a I use a web based application called Tautulli for Plex that monitors my Plex media server. It also sends a newsletter to my followers. To set this up they require a "From" email address., a smtp server
                                  • Is there a way to automatically add Secondary Contacts (CCs) when creating a new ticket for specific customers?

                                    Some of our customers want multiple contacts to receive all notifications from our support team. Is there a way to automatically add secondary contacts to a ticket when our support team opens a new ticket and associates it with an account? This would
                                  • How to Set Up Zoho Mail Without Cloudflare on My Website

                                    I'm having some trouble with Cloudflare here in Pakistan. I want to configure Zoho Mail for my domain, but I'm not sure how to set it up without going through Cloudflare. My website, https://getcrunchyrollapk.com/ , is currently using CF, but I'd like
                                  • Spam is Being Forwarded

                                    I am filtering a certain sender directly to the Trash folder. Those messages are still being forwarded. Is this supposed to happen?
                                  • IMAP Block

                                    My two accounts have been blocked and I am not able to unblocked them myself. Please respond to email, I am traveling and this is urgent.
                                  • "DKIM not configured"

                                    Hello. I have been attempting get the DKIM verified but Toolkit keeps sending the message that it is not configured, but both Namecheap and Zoho show it as configured properly. What am I missing?
                                  • Zoho mail with custom domain not receiving email

                                    i registered zoho mail with my own domain. I can login and access the mail app. I tried to send email from an outlook email account and an icloud email account. Both emails were not received. My plan is free. I also tried to send email from this zoho
                                  • Set connection link name from variable in invokeurl

                                    Hi, guys. How to set in parameter "connection" a variable, instead of a string. connectionLinkName = manager.get('connectionLinkName').toString(); response = invokeurl [ url :"https://www.googleapis.com/calendar/v3/freeBusy" type :POST parameters:requestParams.toString()
                                  • Next Page