Welcome to Unite UX Studio!

Progress^® Unite UX^® Studio is a tool for developers where they can create and manage high-performance, responsive web applications which support the implementation of Kendo UI components.

Unite UX Studio provides the following functionality and features:

• Utilizes the contemporary HTML, CSS, and JavaScript technologies.
• Separates the user interface (UI) from the project business logic which runs on the application server.
• Provides extension points for customizing the functional units of the web project.
• Delivers access to predefined visual components for easily setting up the layout and content of the web application.
• Saves a significant amount of efforts and time otherwise needed for web development.

Supported Frameworks

• Angular
• React

Building Blocks

• Views
• Components
• Data Providers
• Extension Points

Views

• Views are the functional units of the web application and provide the settings that are available for each page of the web application.
• The user-defined view is the Blank view. The Blank and the App Layout views are views which allow the usage and further modification of components.

Components

• Components can be used in the Blank and App Layout views.
• The built-in components are delivered by the Studio out of the box. Similar to views, their predefined layout, look, and feel aim at facilitating the implementation of the most common scenarios. Based on the similar features they deliver, the components are grouped into subsets such as Data Management or Layout components.
• The Studio also supports the implementation of custom componentsin your web project.

Data Providers

• Data providers handle the data connectivity of the application.
• They support the input of third-party and custom service endpoints, and utilize the respective available data sources.
• Data provider features, types, and capabilities
• Adding, editing, and deleting data providers

Extension Points

The extension points enable you to customize specific aspects of the generated web project.

• Custom code—The custom code enables you to handle events from the component or application lifecycle.
• Custom templates—The custom templates allow you to define complex monolithic and reusable structures.
• Custom styles—The modified styles enable you to personalize the appearance of the web application.
• Custom themes—The custom themes help you create your own company-brand compliant themes and seamlessly use them in the web project.
• Extending the package.json file—The package.json extension points allow you to add your own packages.
• Extending the .angular-cli.json file—The options to extend .angular-cli.json enables you to include your own settings.
• Extending the HTML head—Allows you to add elements, such as custom code or links, to the head of the generated web project.

Next Steps

• Check out the frameworks supported by Unite UX Studio
• Install Unite UX Studio
• Add styles and modify themes in Unite UX Studio
• Bundle and package your web application in Unite UX Studio

Suggested Links

• Using the Dashboard of Unite UX Studio
• Adding Applications in Unite UX Studio
• Managing the Application in Unite UX Studio
• Getting Started with Unite UX Sketch