SlyteUI

SlyteUI

Hello everyone!

Welcome to another interesting Kaizen post.

Today’s spotlight is on SlyteUI, the new UI builder designed to create powerful, intuitive user interfaces in minutes. Built for speed and simplicity, SlyteUI empowers teams to deliver high-impact experiences with minimal development effort, while still enabling deep customization through advanced coding capabilities. Click here to view the official SlyteUI announcement. SlyteUI can potentially address a wide range of business use cases and to begin, we’ll start with a quick and impactful example.

In this post, we’ll walk through a practical, real-world use case - Creating and reviewing Orders directly from the Detail page of Deals module.

In this Kaizen post,

1. What is SlyteUI

2. Highlights of SlyteUI

3. Use Case

4. Implementation

5. Summary

6. Related links

1. What is SlyteUI

SlyteUI is a Component builder inside Zoho CRM that makes it much easier to create and embed custom user interfaces, from simple widgets to rich interactive screens within your CRM workspace. It blends the speed and simplicity of low-code with the power and flexibility of pro-code, so you can build useful CRM UI elements faster and smarter.

Currently, components built using SlyteUI are reusable and can be associated across related lists, web tabs, custom buttons, Client Script Containers ( popups, flyouts) and kiosks.

SlyteUI Screenshot 1

When you drag and drop a component onto the Art board in Design Lab, SlyteUI automatically generates synchronized HTML, CSS, and JavaScript files. Any configuration you make in the Design Lab is instantly reflected in the Code Editor, ensuring the visual design and code always stay in sync.

Notes

You can choose to:

1. Build using Design Lab’s low-code visual interface

2. Work directly in the Code Editor

3. Combine both approaches, depending on your comfort level and expertise.

2. Highlights of SlyteUI

  • SlyteUI offers a dedicated IDE with drag-and-drop tools and a code editor.
  • The SlyteUI Components automatically inherit the CRM’s theme, styles, and UI guidelines for visual consistency.
  • It supports real-time data integration through Queries, enables deep CRM interaction using the ZDK client library, and allows event-based communication between components.
  • It also supports externalized variables for dynamic field mapping and advanced capabilities such as data binding, lifecycle hooks, observers, expressions, and helpers. Click here to know more about SlyteUI.

If you are new to SlyteUI, it is recommended to explore the Design Lab and Components documentation first.

3. Use Case

Quote
At Zylker Industries, Sam, a Sales Manager, manages high-value deals and Orders. He needs to create or initiate Orders seamlessly at the time of Deal closure. To prevent duplicate Orders, Sam needs visibility into Orders already linked to the Deal. Navigating across multiple modules slows him down at a critical moment. Sam is looking for a way to create and review Orders from the Detail page of Deals Module.

4. Solution

Solution Diagram

Step - 1. Create a SlyteUI component which toggles between Create Page and List Page

  • Navigate to Setup → Developer Hub → SlyteUI.
  • Click New Component.
  • Enter a name for the component and click Save. The SlyteUI IDE opens.
Create Component

The following video showcases a guided, step-by-step implementation using SlyteUI.

  • Drag and drop the Tabs component onto the Artboard and rename the first tab to Create Order.
  • Drag and drop the Create Page component into the first tab and set Module API name to Orders.
  • Switch to the next tab and rename it to List of Orders.
  • Drag and drop the List View component into this tab and configure Module API name as Orders.
  • Remove any additional tabs that are not required.

Step - 2. Add a custom button named “Orders” on the Deal detail page and configure the SlyteUI component to this button.

  • Navigate to Setup → Customization → Modules and Fields.
  • Select the Deals module, open the Buttons tab, and click Create New Button.
  • Enter the button name, add the SlyteUI component name, and configure the required details as illustrated below.
Button Configuration

Here is how the SlyteUI implementation works.

Implementation GIF

Clicking the button opens a SlyteUI component within the Deal. You can create new Orders or review existing ones without leaving the page. Orders become part of the deal flow, ensuring speed, accuracy, and consistency.

5. Summary

How to create a SlyteUI Component?

How to use components - tabs, List View and Create Page?

How to add SlyteUI component on click of a button?

SlyteUI Overview

Creating your first SlyteUI Component

SlyteUI IDE

Work with Logic and Data

Build Interactive Components


    • Recent Topics

    • Zoho Tables is now available in Zoho One!

      Hello Zoho One users, We’re excited to announce that Zoho Tables is now included as a part of Zoho One suite! As teams grow, managing projects, approvals, inventories, campaign trackers, and operational workflows across multiple spreadsheets become difficult.

    • Zoho Publish is now available in Zoho One!

      Hello Zoho One users, We’re excited to announce that Zoho Publish is now included as part of the Zoho One suite! As businesses grow, managing Google Business Profiles across many locations becomes challenging. Business information needs to stay accurate,

    • Global Sets for Multi-Select pick lists

      When is this feature coming to Zoho CRM? It would be very useful now we have got used to having it for the normal pick lists.

    • Bank Transaction Rules Link Under Each Bank Account

      Hello, can you'll move the "transaction rules" button or link back under each bank account? It is now on Bank Overview, if I am working on a specific bank account, I don't want to go out to overview to check the rules. That button displays rules for all

    • Nested notebooks

      Dear Sir/Madam, I would like to know if it is possible to nest notebooks. It would be very helpful when there are too many, as it would improve organization. Thank you for your response. Best regards.

    • Zia Agents looks promising, but I still cannot deploy my first agent or connect WhatsApp after weeks of support tickets

      Hi Everyone, I am posting here because I am stuck and need practical help from someone who has successfully deployed a Zia Agent with WhatsApp. Zia Agents looks like a very promising product. I have watched the platform expand quickly, and I have noticed

    • Zoho CRM

      Cuándo voy a adjuntar un archivo .pdf en un registro en el campo Archivo obtengo el siguiente error:

    • Implement Meeting Polls in Zoho Bookings

      Dear Zoho Bookings Support Team, We'd like to propose a feature enhancement related to appointment scheduling within Zoho Bookings. Current Functionality: Zoho Bookings excels at streamlining individual appointment scheduling. Users can set availability

    • Recording Salaries and wages in zoho books with bank fees

      Hello Community, I am posting this questions to understand the best way to record the salary and payroll expenses in zoho books. The way it works here, For example if I have 3 employees and each employee salary is lets say $1000. I usually use the bank

    • API - Available Stock Definitions

      Okay, Zoho team... your copywriters fell down on the job for this one :) I think these warrant a bit more explanation as to what they include and what they don't.

    • [BUG] WebTabs in ZohoCRM now have a spurious "\" displayed along with some additional HTML Head code included

      An example of the issue can be seen below:

    • CNIL - Suivi de Pixel

      Bonjour à tous, À la suite de la nouvelle recommandation de la CNIL sur les pixels de suivi dans les e-mails, savez-vous si Zoho Campaigns permet : de conditionner le suivi des ouvertures au consentement de chaque contact ; de proposer un lien permettant

    • Scheduled import

      The tutorial shows a scheduled import option but this option doesn't appear to be available when using Zoho DB.

    • #4 Choosing How My Invoice Should Look

      Day 4: Meera had the basics sorted. Her business name was there, the address looked right, and her logo finally appeared where it should. But the invoice still did not quite look like hers. Her old studio used invoices that were clean, tightly laid out,

    • Transaction rules for "Owner's Contribution" ?

      I have a bank account where a lot of the deposits are "Owner's Contributions" (i.e., the business owner investing money in the company). Is it possible to create a Transaction Rule to automatically recognize these? They all have the same verbiage from

    • DYK 12: Turn Email into Work Items

      Did you know you can add work items to your Zoho Projects portal directly from your inbox? The initial step of important collaborations start over an email, and most of these require an immediate follow-up by creating a task, or reporting an issue. During

    • Custom Function not getting package details when triggered from Workflow Rules.

      I have a custom function for Packages that submits a form in our Creator app that we use to generate custom shipping labels (internal staff complete deliveries so we cannot generate shipping labels straight from Inventory). When the function is executed

    • how to Solve Conflict Invoices in Zoho POS

      Hello Team, I am facing a repeated issue in Zoho POS while saving a sale that contains service-based items. My products are intentionally created as Service (Non-Inventory) items because I do not want to track stock for them. However, every time I try

    • ¿Cuándo estará disponible la edición de Zoho POS para México?

      He estado revisando las capacidades de Zoho POS y su evolución dentro de la estrategia de Zoho for Retail, y me parece que existe una oportunidad muy interesante para el mercado mexicano. Zoho POS ya ofrece funcionalidades para gestionar ventas, inventario,

    • Important update for Zoho RPA Windows Agent users

      Hi everyone, We would like to share an important update for Zoho RPA Windows Agent users running Windows Server 2016 or Windows Server 2019. The new Zoho RPA Windows Agent 6.0.0 and later versions are not supported on Windows Server 2016 and Windows Server

    • Multi-Option Estimates: One Estimate, Multiple Choices

      Every service request can have multiple solutions. Multi-Option Estimates help you present these different solutions in a single estimate with its own name, parts, price, and total. Each option can differ in scope, approach, or price — whatever choices

    • Delete CRM Portal

      How do I delete portals from my CRM? I created one just to test, it is not in use and is disabled but it's existence is preventing me from marking fields in modules as "required" unless I make it 'read/write' in the portal first. I'd rather just delete

    • Marketing Tip #32: Improve SEO and customer confidence with an FAQ section

      Before making a purchase, customers often have simple questions about delivery times, returns, product usage, or sizing. If they can’t quickly find answers, they may leave your store without buying. Adding a clear FAQ (Frequently Asked Questions) section

    • Contact removed when picking ticket template.

      hi new to Desk rolling out to company, replacing Freshdesk. Is there way to keep the in context contact when selecting a template? When you choose a template you lose the contact!

    • ZOHO Campaigns in ZOHO Analytics - Campaigns vs Contacts Table

      There seems to be information in the Zoho Campaigns table such as Unique Opens and Unique Clicks that can't be found in the Campaigns vs Contacts table where only Opens and Clicks are shown on a per contact level. Is there a way to bring Unique Opens

    • How to change an employee mail id

      Hi, Does the administrator have the rights to edit an  employees mail id. 

    • Cousin Domain Verification in Zoho Mail: Identify and block look-alike domains

      Phishing attacks often rely on domain names that closely resemble legitimate ones. This makes it difficult for users to identify fraudulent emails at first glance. Zoho Mail's Cousin Domain Verification feature allows administrators to define trusted

    • How do I add 2 agents under the same email?

      I have 2 agents who use the same email address. I added one, but when adding the second agent, it says that the email is already registered. How do I configure this properly?

    • Zoho Desk API modifiedTimeRange returns HTTP 500 around 2026-03-08T02:00:00.000Z

      Hello Zoho Support Team, We are experiencing a reproducible HTTP 500 Internal Server Error when querying the Zoho Desk API search endpoint with a specific modifiedTimeRange boundary. ### API Endpoint GET /api/v1/tickets/search ### Reproduction Steps &

    • Updating an Invoice Line Item's Discount Account via API Call / Deluge Custom Function

      I need help updating an invoice line item's discount account via API. Below is a screenshot of the line item field I am referring to. Now the field to the left of the highlighted field (discount account) is the sales income account. I am able to modify

    • Collaborate Visually with Whiteboard in Zoho Projects

      Whiteboard in Zoho Projects allows you to collaborate visually by creating diagrams, annotating designs, and sketching project workflows using shapes, text, and images within project modules. Team members can work simultaneously, improving productivity

    • Associate project with timer on iPhone

      When I start the timer without first associating a project (on my iPhone), its starts fine but now when I need to associate a project, and click on the link, I get a list of EVERY project I've ever put into Zoho Books. It used to just show active projects.

    • Sales Tax Refund on Commerce Order

      I've looked high and low. Relatively new to ZOHO but not to systems in general. How do we produce a refund for sales tax charged and paid for by a customer in error? This does not impact inventory stock. Simply for accounting and getting the $ back to

    • Importing Chart of Accounts from Quickbooks -- "Debit or Credit"?

      I'm trying to switch from QB to Zoho Books. I've prepped my chart of accounts and put it into the format following the structure of the sample CSV file. But one thing that does not exist at all on the Quickbooks side is the Zoho column for "Debit or Credit".

    • Long term pricing for customers managing multiple organizations

      I've been using Zoho extensively for quite some time and genuinely think it's one of the most powerful and customizable business platforms available. Between Zoho Books and Zoho Analytics, I've invested a significant amount of time building automations,

    • Default Status for Appointments to Completed

      We use Zoho Bookings integrated with Zoho Desk to book time for tech support sessions, we've configured it to only allow for a contact to book a single session to avoid customers overbooking time that may not be needed. The trouble is, once a session

    • Customer User Fields for use in Rules

      Hi, I would like to be able to add custom fields to the users, such as Department or Role, which can then be used in Rules, Reports, etc. as a condition. A use case is limiting Global lists or Choices based on the users Custom Field, so one form can be

    • Add ZeptoMail to Zoho One

      Hi Zoho Team, I would like to request that ZeptoMail be added as a fully included application within Zoho One. Why this is important Zoho One is positioned as a unified business operating system that brings the applications an organization needs under

    • Item image on document

      I know what I am asking may not be possible, but I will ask anyway, maybe I will get lucky, and someone else is doing it. My business is based on special orders only from various online stores. When I send a quote to a client, I generate a separate quote

    • Dashboard Metric Drill-Down Shows Stale Data

      Summary: When clicking between different metric components on a custom dashboard, the drill-down list shows data from the previously opened metric instead of the one just clicked. Steps to Reproduce: Create a custom dashboard with multiple pre-defined/templatized

    • Next Page