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 Desk Resources

    • Desk Community Learning Series


    • Digest


    • Functions


    • Meetups


    • Kbase


    • Resources


    • Glossary


    • Desk Marketplace


    • MVP Corner


    • Word of the Day


      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 Campaigns 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

                                • Custom view for Milestones

                                  Hi, Just an idea for the future... would it be possible to create custom views for the Milestones view under Work Overview ? I usually need to look at this view filtered by project group but the filter doesn't remain when navigating away. A custom view
                                • attributed automatically database section

                                  Hello everyone and happy holidays... here in zoho CRM, I created 3 bases: - Properties (House, apartment ...) - Transactions (Notaries, ...) - Real estate ads I want when the address is identical on these three bases, that in "Properties" the transactions
                                • How to Implement Time-Based Filters in Zoho Workflows?

                                  Hi everyone, I’m looking for a workaround to implement time-based filters in Zoho workflows. Specifically, I need a workflow to trigger only within certain hours (e.g., between 10:00 AM and 8:00 PM, Sunday to Friday). Currently, Zoho workflows execute
                                • is there a better way to routinely export my project timesheets?

                                  Hi there, I am somewhat happy with how Zoho books handles time.  One thing that is missing is more user driven control over my data.  I have a workflow where I constantly need to give customers feeds of work done.  So I pick a project, and would ideally
                                • Portal Default View

                                  Hello! My company is about roll out portals for some users, but we were wondering if it was possible to set the Record Detail Page View to default to a custom view that we made. That way the information they need would be streamlined and easier to see.
                                • Zoho Books API Limit Is RIDICULOUS!!!!!!!!!!!!!

                                  The 2,500 API call limit in Zoho Books is about as useful as AOL dialup.  Seriously Zoho, not only can I use up 2,500 API calls in no time with my own app but YOUR OWN STUPID IPAD APP blows through them super fast too, so if any one of my clients wants
                                • Unlocking New Horizons: A Year in Review

                                  As we bid farewell to 2024, let's celebrate and revisit the key highlights of the year. From adding a new edition to cross-platform enhancements, here’s a roundup of all the feature updates designed to simplify accounting, optimize financial management,
                                • Does zoho rest api support token exchange from microsoft entra id token

                                  i want to get access token from the Microsoft user token in rest api. so it is possible to exchange microsoft user access token to zoho's access token or auth token ( token should be user specific not super admin).
                                • Important: DKIM verification needed for unauthenticated email domains

                                  Hi all, This post is to inform users who are currently using unauthenticated email domains as their sender email for their notifications. We have mandated DKIM verification for all domains used as sender email addresses for the outgoing emails by 01-Jan-2025.
                                • How do I define a weekend

                                  I noticed the default for weekends does not seem to include Saturdays. How can i define weekends to include both Saturdays and Sundays? Thank you.
                                • Custom Status for Purchase Orders

                                  Currently Zoho books has functionality to create custom statuses for Sales Orders. Can this be extended to include custom status for purchase orders as well? It was a great decision to add this functionality to sales orders. Our use case is for tracking
                                • Remove Address from credit card payment

                                  I would like to remove the need to add address when paying by credit card. I only want the customer to have to add their credit card details.
                                • Top Menu Disappeared from Blog Page

                                  Hi, Our top menu disappeared at Blog Posts page. However, it's still visible any other page on the website. I attached two screenshots, so it can be understood clearly. How can we bring back top menu? Thanks, K.
                                • Subforms and automation

                                  If a user updates a field how do we create an automation etc. We have a field for returned parts and i want to get an email when that field is ticked. How please as Zoho tells me no automation on subforms. The Reason- Why having waited for ever for FSM
                                • My Zoho mail has been blocked for suspicious activity. cannot unblock it! need urgent help!

                                  Hi, I was accessing my email on an airplane which for some reason resulted in my mail being blocked. I have managed to unblock my incoming however outgoing is still blocked. I have contacted all your support emails but it still says contact support when I try to unblock outgoing emails. Its now been over 8 days with the same issue which is really serious as I'm not able to send several business emails during this period. I have followed all your steps to unblock this and contacted your support 5
                                • Copy Widget to another Dashboard

                                  I can see the option to clone a widget to the same dashboard but is it possible to copy it to another dashboard?
                                • booking link that expires

                                  I have a suggestion that is  crucial. When i send booking URL to clients they keep the link and they book appointment whenever they want multiple times. You should give us the Booking URL feature. We should be able to send it and the user can use it only
                                • Error while importing products Purchase Price: Value in the field does not match with the data type supported by us.

                                  I am trying to import items into zoho inventory using an excel spreadsheet. I keep getting this error Purchase Price: Value in the field does not match with the data type supported by us. no matter how i format the cells this comes up and will not import
                                • Quotes Module - import data

                                  Hello Zoho, is it possible to import Quotes records? I was trying and i have no results. Raport shows no data imported. Could you help me please how to do it?
                                • Year-End Wrap: Disconnect now; Reconnect later with Offline Mode

                                  🎄Happy Holidays🎄 Let's say you are travelling home to spend the holiday season with your loved ones. Before you even board the train, you check your phone only to find your inbox rapidly filling with urgent emails that need your attention. There’s no
                                • Exploring SalesIQ's Top Features of 2024: An Insider's Look 🔍

                                  As we wrap up another year at Zoho SalesIQ, it's time to reflect on how far we've come. This year has been incredible for us in our journey to build a more powerful, flexible, and customer-centric engagement platform. We've introduced several features
                                • Resource booking functionality questions

                                  I'm exploring the resource booking functionality in Zoho Bookings for my organisation's needs. I have a few questions about the available Zoho Bookings functionalities. Is it possible to force all users to sign up for an account before they book a resource?
                                • How to create a Field with answers as Yes, No> Further if no is selected a new field to be visible to give details

                                  Dear All, I am creating a feedback form in HR Letter. The question is were you satisfied with the work allotted. Expected answer to this is Yes, No. Further if the response is no, then a field to be give to fill more details as to why no was selected.
                                • Modify the way a phone number is shown in footer on ZOHO Booking Page

                                  The default display of the phone number field in the footer is not customer friendly - See image below. We would like it to use the accepted standards of phone number display: +61 (0)2 88545440, or allow us to choose. At the moment ZOHO Booking sets how
                                • Zoho Bookings Multilingual ?

                                  Hello, Not sure if there is a way to do it currently, but it would be very helpful if Zoho bookings allowed multilingual translations so we could have our booking pages and notifications setup in multiple languages. Thanks,
                                • Allow customers to choose meeting venue and meeting duration on booking page

                                  My business primarily involves one-to-one meetings with my clients. Given the hybrid-work world we now find ourselves in, these meetings can take several forms (which I think of as the meeting "venue"): In-person Zoom Phone call I currently handle these
                                • Problem viewing document imported from google drive.

                                  Hello, When I add a document via my google drive, it is impossible to preview it. I get the error “Files without extensions cannot be previewed. Download to view this file”. Could you please help me? Also, and this is more of a question: is there a way
                                • Two way sync Zoho Mail and Bookings

                                  Hi, I know it’s possible to view Bookings appointments in Zoho Mail, but is there a way to see my Zoho Mail meetings in the Bookings calendar?
                                • Modifying iframe data of Zoho booking iframe

                                  Hello, I have integrated a Zoho Bookings embedded iframe into my website. Currently, I am pre-filling the booking form with default values as part of our process flow. However, I want to ensure that if an input field is already populated with a default
                                • Sending my emails to Spam Folder

                                  I am loosing my business because of this issue, many of my customers are receiving their email in the spam sometimes no one checks them
                                • Why can't I sync my Zoho Mail tasks and notes with my mobile device, and is there a way to fix this issue?

                                  I'm having trouble syncing my Zoho Mail tasks and notes with my mobile device. Despite following the usual steps, the tasks and notes don't appear on my phone. Is there a way to fix this issue? Regards, Adamjes, Tekskills India Pvt Limited, India.
                                • Re: constant rejected email form and to my account

                                  Hi, have had several rejection when I sent an email to Zoho account as well as other people have sent emails to my as your health Centre they have account and all aspects have been ejected. i wonder why the email are rejecting to and from. If you see
                                • How do I redeem credits?

                                  How do I redeem credits that are shown in billing section?
                                • Introducing 'Queries' In Zoho CRM

                                  Hello everyone! We are here with an exciting feature - Queries in Zoho CRM! A little context before we dive right into the feature specifics :) In today’s fast-paced business environment, immediate access to relevant data is essential for informed decision-making.
                                • Will zoho thrive be integrated with Zoho Books?

                                  title
                                • Cannot add IMAP account to "new" Outlook

                                  Hi, I am attempting to add an IMAP account to my copy of the "new" Outlook on my desktop computer. I have tried using the default password when MFA was disabled and an app password when MFA was enabled. But neither attempt worked. My Windows 11 OS number
                                • Update Zoho Flow on Sprint Work Item Status Change

                                  Hello, I've contacted Zoho One support but have been unable to help in a timely manner, so I'm asking the community. I want to start using sprints, but I'm having an issue. I need to post updates to Slack when a Work Item has a status change. My understanding
                                • Issue with skip_workflow Not Preventing Edit Workflow Trigger

                                  Hi Team, I am trying to upload a file to a form in Zoho Creator. However, during the upload, an edit workflow is being triggered. I want to prevent this workflow from running, so I have used the skip_workflow parameter as mentioned in the API documentation:
                                • Create Dashboard using data/tables from different workspaces

                                  Is it possible do create a Dashboard using different tables that are part of different Workspaces? 
                                • Este domínio já está associado a esta conta

                                  quando digitei meu domínio recebi essa mensagem que meu domínio estava associado a uma conta que eu nem faço idéia de quem seja. Como que faço pra resolver isso?
                                • Next Page