Flex UI and Flex Plugins
Flex UI Programmability
The Flex UI allows developers to build a custom user experience and custom behaviors for the Flex Agents and Supervisors. A set of client-side public interfaces allow to customize the look and feel, alter the behaviour and introduce new features to the out-of-the-box experience.
Flex UI Programmability provides a wider range of capabilities:
- Configure the UI or manipulate default properties for standard Flex components
- Customize themes and styles
- Control localization and templates
- Add, replace or remove components
- Take advantage of UI actions by listening, intercepting and manipulating UI events
- Customize agent desktop notifications using Notifications Framework
- Alter behavior and appearance for native channels and define custom ones with Task Channel Definition API
- Mix-in Task or Theme context to your custom components
- Leverage the Flex Manager object to get access and control underlying SDKs
You can find a detailed description of all Flex UI programmable interfaces in our API Docs and collection of developer guides with examples of how to use them.
Flex Plugins
Flex Plugins are the recommended way of customizing the Flex UI. Plugins have access to all of the frontend APIs: adding and replacing components, using the Actions Framework, triggering Notifications, and more. And they provide a few additional benefits:
- Plugins can be applied to any running Flex instance. This lets you use the same plugins across projects that simulate dev/stage/prod environments, and it's also the preferred path for any partner integration.
- It decouples the customizations from individual
flex-ui
versions. As new versions are released, the plugins do not need to be rebuilt and redeployed. - It allows for modular development. Plugins can be scoped to particular pages, personas, or functions to help separate concerns.
Flex provides the following tools to help you build and manage your Plugins:
- The Flex Plugins CLI is an interface for developing, testing, and releasing plugins.
- The Flex Plugins Dashboard enables admins to manage their plugins, view the history of plugin releases, and rollback to prior deployments.
- The Flex Plugins API powers the CLI and Dashboard.
Next Steps
- Create your first plugin using our Quickstart Guide.
- Check out sample solutions in the Solutions Library.
- Build your customizations using the Flex UI APIs, Actions Framework, and creating custom components.
- Deploy your plugins to your agents, and keep your development environment up-to-date.
Need some help?
We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.