Hello Everyone
We’re excited to introduce Flex, a new component for Canvas in Zoho CRM! Flex is here to give you greater control over how your data is displayed in your layouts. This component enables responsive layouts that adapt across different screen sizes and devices, thus enhancing the end user's experience.
What can you do with Flex?
Adding the Flex component to your layout helps you create customizable and adaptive designs and improves data visualization and user interaction.
This component ensures that your canvas is designed optimally no matter the screen size.
Use a flex component when you want a layout that is :
Responsive : easily adapts to different screen sizes
Flexible : allows items to grow, shrink, or align dynamically
Centred : helps centre elements vertically or horizontally
Evenly Spaced : distributes items evenly within a component
Requires Row or Column layouts : makes arranging elements on rows or columns easy
See below to understand how a record looks after using a canvas layout created with flex components that will automatically adjust as information is added to the interface.
Types of Flex components
There are three types of flex components that you can choose from to create your canvas layout depending on your requirement.
Vertical Flex
Allow items to appear vertically (across columns) in the element. Use this flex to organize information sequentially, such as business cards or customer profiles.
Horizontal Flex
Allow items to appear horizontally (across rows) in the element. Use this flex for comparisons like performance metrics or sales pipeline.
Wrap Flex
Let items be wrapped into the next line when the number of children items exceeds the parent flex element's width. Use this flex to create space-efficient layouts such as product catalogs or event listings.
How does Flex help achieve responsive layouts?
The Flex Component brings in essential tools that automatically adjust elements of a layout, ensuring a seamless user experience. These include:
Auto Responsive
This tool can be used so that the flex component automatically adjusts horizontally or is stretched vertically based on the component size. This means that items within the component will reposition or resize, maintaining a default minimum width for all items in the component.
Auto Column
With this tool, the flex component arranges items into rows based on column count. This prevents overlapping without the need for manual adjustments.
Minimum & Maximum Width for Items
Control how elements expand or shrink within the layout, ensuring that important details remain visible and accessible.
Note : You cannot select both auto responsive and auto columns tools for the selected component at the same time. Doing so will automatically deselect one of the options.Advanced Flex Tools for Customization
Take full control over your CRM interface with these additional Flex Tools:
Flex Item Alignment - Align elements precisely within the layout for a polished and professional appearance.
Flex Item Gaps - Maintain consistency by adding uniform spacing between flex items, improving readability.
Flex Item Hug - Allow an element to shrink or expand based on content size, optimizing space usage.
Child Flex Items - Control how nested items behave within a flex component, improving adaptability.
Fill Width - Stretch components to occupy the full width of the vertical flex component for a seamless design.
Convert to Flex - Easily convert multiple elements into a flex component and save time and effort creating from scratch.
Replace with Section / Replace with Flex - Replace a flex component with a section or replace a section element with a flex component easily from the canvas builder without disrupting the layout's design.
This update empowers you to design seamless, engaging layouts that match your customers' unique needs. Try it out today and elevate your Canvas experience!
For more details, please comment below, and we will get back to you at the earliest.
Recent Topics
Announcing Zoho Community Developer Bootcamps in India – Extensions
Hey everyone! We're back with another line-up of Zoho Community Developer Bootcamps in India! Following the success of the first leg of bootcamps on Extensions, we're now ready with the second leg. These bootcamps focus on empowering developers of all
Cannot add new mail client
Hi Guys, I've just got a new laptop and am trying to set up Outlook to connect to my Zoho account. No matter what I do, I cannot connect I'm using IMAP for incoming mail, it's enabled in my account settings, and I'm using the setting shown on the account
How to mass update member status in a CRM Campaign?
Does anybody knows how to mass update member status of the contacts (or leads) associated to a campaign. I can click on a campaign record and go to the Contacts in the Related List fields but then it shows only 10 contacts per page at once. It is hard
Zoho Payroll: Product Updates | April 2025
At Zoho Payroll, we’re always working to make every payday feel effortless. And sometimes, that means listening closely to your unique needs. This month, we’ve focused on adding features that give you the flexibility to pay your employees based on your
Zoho CRM to Zoho Projects Workflow {"error":{"code":6831,"message":"Input Parameter Missing"}} connecting
void automation.Untitled_Function(String ProjName) { resp = invokeurl [ url :"https://projectsapi.zoho.com/restapi/portals/" type :GET connection:"zohoprojects" ]; info "Portal API Response: " + resp; portalId = null; if(resp != null) { if (resp.containsKey("portals"))
Button on Deal screen to automate changing deal dates?
Hi I spend a lot of time working with our accounts managers here moving deals around the calendar, qualifying things etc. I'd like to have an easy way to change the closing date on a deal, from the deal screen table, rather than either click in to the
Zoho mail Virus Scan Virus Detected (but I checked it with VirusTotal)
Dear all, since this morning we can;t send any attachments out. Zoho says there is a virus in it, but clearly there is not when I checked the file on VirusTotal.com. Please help us out!
Cant receive emails
Hi, I just created an account and went through all steps. Everything has been set up from my end, but Ive sent a test mail to the newly created email address, but it never arrived. Can somebody please help me? Thanks!
How do I fix this? Unable to send message; Reason:554 5.1.8 Email Outgoing Blocked.
How do I fix this? Unable to send message; Reason:554 5.1.8 Email Outgoing Blocked.
Multi-column sorting
Is multi-column sorting a planned feature for CRM? We are needing to sort by one column and then subsort by another column. I am just wondering if there is a planned feature that will allow this?
【Zoho CRM】サブフォーム内にあとから追加した数式項目を一括して計算させる方法
皆様のお知恵を拝借いたしたくご相談させてください。 【状況】 任意のタブにすでにサブフォームが設定されており、そのサブフォームを含め、既に数千件のデータが存在している。 【実施したいこと】 新たに数式項目をそのサブフォームに追加して、入力済データのレコードも含めて、その数式項目の計算結果を反映させたい。項目の更新で数式項目をサブフォームに追加しただけでは計算されません。 【わかっていること】 任意のタブのサブフォーム外にあとから数式項目を追加した場合、数式項目を追加しただけでは当然数式項目の計算結果は反映されませんが、以下の方法を実施すると数式項目が計算されます。
My Zoho Mail Account Has Been Blocked for Sending Email - Block Type: Mail Outgoing blocked
Hi everyone... My Zoho Mail account has been blocked for long time... Until now, I cannot sending outgoing email. I was already try to contact Zoho customer support, but there is no reply from them. This is notification which appear on my zoho mail account...
Task reminder with custom function
Hello! I am trying to create a custom function to add a task. With you guys helping, I could create a function but I could not set the reminder. Anyone knows how to add a reminder? Thank you for your tips!
Announcing new features in Trident for macOS (v.1.18.0)
Hello everyone! Trident for macOS is here with interesting features and enhancements to elevate your workplace communication and productivity. Let's take a quick look at them. Retract sent emails. Whether you've missed adding an important attachment or
Zoho Books GST enabling issue.
Without knowing I have created a Branch in Zoho Books, Now I am trying to enable GST option but is disable? Is there anyway to enable the GST Button?
Introducing Global Sets for easy management of similar picklists in CRM
[Update | Sep 2024] We've increased the maximum count limit for global sets. These new limits are now live for AU and JP data centers and will be gradually opened to all. Please check this link for the updated limits. Hello folks, As administrators who
Error when using fetchById in Client Script
When using client script when creating page (onLoad), I suddenly getting error "Cannot read properties of undefined (reading 'Accounts')" when using: var account_details = ZDK.Apps.CRM.Accounts.fetchById(account_id); I'm getting this error whenever trying
Change rate after xxxx kilometers
Is there a way to change the miileage rate after a certain mileage. After 5000 kilometers, we want the rate to automaticly change. Thank !
Add a Calender view in Zoho CRM
I would like to ask if it's possible to add a calendar view to a custom module in Zoho CRM. Is this feature planned for future development? It would be extremely helpful for us. I’d like to allow my users to view the data visually in a calendar layout,
Make the edit fields hover in Canvas View look the same as the Detail Page
The edit field UI in the Canvas View is not consistent with the standard detail page UI. For some modules we have Canvas views, for some we don't. We don't want it to look differently. We want it to look like one system.
Validating an order by a superior
Hi, I have a very specific use case for Backstage. Let me know if this is possible or how I could get around this (or if there are no workaround). One of my client uses Backstage to manage internal (on site) events. Participants from different departments
iOS App Version 3.0 - Customer list gone?
Not sure when this changed, but I seem to have been updated to 3.0 for the phone app (on iOS). I'm pretty sure that I used to have a Customers button that allowed me, for example, to see what appointments a customer has. Has this disappeared or am I just
Can't Find or Use Saved Replies in Inbox Module
I'm an Admin user on Zoho Social, and I've created a few saved replies under Inbox Preferences > Saved Replies. However, when I go to the Inbox module to respond to a message, I don't see any option to insert or use saved replies. I've checked that: I'm
Episode II: Begin Your Automation Journey in Zoho Desk with Deluge
To travel to another country, you need a passport. But that's not enough, you also need a visa, flight tickets, and, most importantly, a mode of transportation. Without these, your journey cannot begin. Similarly, custom functions in Zoho Desk are essential
How can I capture the Cliq channel name from Deluge Script?
I am working on a chat automation with a third party tool called Make.com. Using a webhook I am relaying information from the Bot I have created in Zoho Cliq to Make.com Webhook. I am using the Mention Handler of the bot in Cliq to relay information like
Introducing Zoho CRM for Everyone: A reimagined UI, next-gen Ask Zia, timeline view, and more
Hello Everyone, Your customers may not directly observe your processes or tools, but they can perceive the gaps, missed hand-offs, and frustration that negatively impact their experience. While it is possible to achieve a great customer experience by
Backstage Roadmap to Most Requested Features
Please provide insight as to ETA for the following: 1. Backstage integration with Zoho Showtime, seems like a no-brainer. 1.a. Why does OnAir look eerily like Showtime integration we must 'pay extra for'? 2. Backstage Integration with Zoho Subscriptions
How to know number of days between Deal Stages?
Hi Team - how do I know the number of days between Deal Stages? I have a Deal blueprint and I want to know the number of days it takes the Deal to be on Stage 3 to Stage 8? I can't seem to create a report for that. Our Deals have 11 Stages and our Purchasing department is in charge of Stage 3 to Stage 8 and I want to know the number of days it takes for them to complete their stages?
How To Change Open Activities View in Canvas?
Hi all, I want to have my open activities have this view, but I cannot see how to make it look this way in Canvas. Not only that, but there isn't a way to rearrange the Standard view in Canvas, either. What I want (this is in the Standard layout): What
Queries in Custom Related Lists
Hello everyone, We hope you’re having a great day! A while ago, we introduced Queries in Zoho CRM to help you dynamically fetch data from CRM modules or even external sources—right within your CRM interface. Many of you have already used Queries with
CRM HAS BEEN SOOO SLOW For Days 05/15/25
I have fantastic Wifi speed and have zero issues with other websites, apps, or programs. It takes an excruciatingly amount of time to simply load a record, open an email, compose an email, draft a new template, etc. Am I in a subset/region of subscribers
Mass emails - Allow preview of which emails will receive the email based on the criteria
Feature request. Please allow us to view and confirm the exact recipients of the mass emails based on the criteria we've chosen before sending. It can be quite sensitive if you send the mass email to some wrong accounts accidently, so it would be great
Customers not receiving emails
So, a little backstory, we have been using Zoho Forms for the past eight years. And when we initially started, we would have email notifications be sent from inside Zoho Forms after a submission. We recently started using Zoho CRM as we wanted a better
Sum Total of various fields in child module and add value to parent module field
Hi! Having trouble with a custom function, im trying to calculate the total of all the rent and sqm fields of our offices in Products module and have them transfer to the parent module Location. The API names are as below: Child module Products = "Products"
Automate your status with Cliq Schedulers
Imagine enjoying your favorite homemade meal during a peaceful lunch break, when suddenly there's a PING! A notification pops up and ruins your moment of zen. Even worse, you might be in a vital product development sprint, only to be derailed by a "quick
Important! ZipRecruiter Sponsored Posting Plan Changes in Zoho Recruit
Greetings, We’re reaching out to inform you about an important upcoming change to the ZipRecruiter Sponsored job board integration within Zoho Recruit. What’s Changing? Starting June 1, 2025, Zoho Recruit will be updated with ZipRecruiter's latest pricing
Generate Unique Customer ID for Each for All Contacts
Generate Unique Customer ID for Each for All Contacts
Mails to Deals
Hi everybody. We are using ZOHO CRM connected to ZOHO Mail and we have a big trouble, which our ZOHO partner is not able to solve. Zoho CRM automatically connects received emails to last edited live Deal of the same Contact. For us this logic is very
ICICI Bank integration
Why the ICICI bank integration has been disabled? We opened the ICICI bank account only for integraton with Zoho. It is taking lot of time to do manual payments using file upload method. When will be the new ICICI bank integration enabled in India?
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
Next Page