Overview of C3 AI UI Framework

Search…

C3 AI UI Framework is a front-end application development framework. The UI Framework gives you access to pre-defined components in the component library which can be incorporated into applications.

The C3 AI UI Framework is a metadata-driven front-end development framework that gives you access to the component library to build visual interfaces for C3 AI Suite analytics and APIs. Using a rich set of components, developers can create consistent and reusable UI and UX for a diverse variety of applications on C3 AI Suite.
The UI Framework is composed of the following:
A metadata-based framework for building reactive applications.
A component Type library.
A CSS Library for HTML components.
Metadata-based framework
The component library consumes metadata defined by an application developer to render pages and components and also retrieves data from C3 AI Suite.
Such metadata is defined in JSON format and corresponds to the configuration fields of each component shown in the web browser and also the data operations triggered by them. This metadata can be any of the following:
1.Environment and Site metadata.
2.Application metadata.
3.Page metadata.
4.Component metadata.
5.Data Source metadata.
CSS library
The CSS Library provides a set of CSS classes and styles that implement the design of the UI Framework. Using this library, you can:
Choose to build your own components
Implement a separate component library with other technologies while still maintaining the same look and feel as standard C3 AI web applications.
Guides: Jump right in
Follow our guides to get started on UI Framework:
Set up UI Framework
Set up UI IDE
Set up UI Demo
Fundamentals: Dive a little deeper
Learn the fundamentals of UI Framework:
Manage Application State
Directory and File Name and Structure Conventions

Overview of UI IDE

Last modified 2mo ago

Export as PDF

Copy link

Contents

Metadata-based framework

CSS library

Guides: Jump right in

Fundamentals: Dive a little deeper