LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Overview

IntegralUI Web is a library built on top of Angular 2 framework. It consists of user interface components, directives and services that can help you build modern web applications.

Here is a brief overview of what is included:

Components


  • Accordion
  • Displays a list of expandable groups in vertical or horizontal layout
  • ComboBox
  • Advanced version of standard ComboBox element
  • Grid
  • Displays tabular data sets
  • GroupBox
  • An expandable container with header and content
  • ListBar
  • Displays a list of expandable groups with items
  • ListBox
  • Displays a collection of items with content in custom layouts
  • ListView
  • Displays a collection of items in horizontal or vertical layout
  • Menu
  • Allows you to create static or dynamic menus
  • Paginator
  • Allows you to divide the content in multiple views on single page
  • SlideBar
  • Animates slides composed of custom content
  • SplitContainer
  • Consists of movable bar with tabs that divides the container's display area into two resizable panels
  • Splitter
  • A movable bar that can resize elements during run-time
  • TabStrip
  • Consists of multiple tabbed panels that share the same space
  • TreeGrid
  • Displays hierarchical data structures in multiple columns
  • TreeList
  • Allows you to navigate through tree hierarchy showing only one list at a time
  • TreeView
  • Displays hierarchical data structures

Directives


  • ContextMenu
  • Represents a shortcut menu
  • Frame
  • Places a grip handle that allows you to resize a container during run-time
  • Range
  • Allows you to set limits in which an element can resize during run-time
  • Tooltip
  • Adds a tooltip to an element

Services


  • Common
  • Includes a set of common functions usable in most applications
  • Data
  • Includes a set of data related functions for different operations like: add/remove, search, etc
  • DragDrop
  • Provides a way to use drag drop operations between custom components or elements.

All components are inheritable, you can further extend functionalities of specific component by creating a subclass of component main class.