LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Overview

IntegralUI Web is a suite of advanced Angular, AngularJS and native Web components and services. All components have many features like fully customizable appearance, optimized for fast data loading and update, improved drag and drop functionality, animations, support for right-to-left layouts, themes and much more.

Angular and Web Components


  • Accordion
  • Displays a list of expandable groups in vertical layout
  • AutoComplete
  • Represents a text box with a dropdown list where you can choose among suggested options
  • Breadcrumb
  • Used for navigation, where each item can have a link that is automatically separated
  • Button
  • Represents a button
  • Calendar
  • Enables the user to select a date using a visual monthly calendar display
  • CheckBox
  • Represents a checkbox
  • ComboBox
  • Advanced version of standard ComboBox element
  • ContextMenu
  • Represents a shortcut menu
  • DatePicker
  • Allows the user to select a date by using a drop-down calendar
  • Dialog
  • Displays a modal window
  • DropDown
  • Represents a dropdown window
  • DropDownButton
  • Represents a button with option to show a dropdown list
  • Frame
  • Places a grip handle that allows you to resize a container during run-time
  • 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
  • ListScroller
  • Displays a scrollable item list in horizontal or vertical layout
  • ListView
  • Displays a collection of items using several different views
  • Menu
  • Allows you to create static or dynamic menus
  • NumericUpDown
  • Displays a numeric value and allows changes within a range of defined minimum and maximum values
  • Paginator
  • Allows you to divide the content in multiple views in single page
  • Popover
  • Displays custom HTML content over specified element
  • ProgressBar
  • Visualize the progression of an operation
  • RadioButton
  • Represents a radio button
  • Range
  • Allows you to set limits in which an element can resize during run-time
  • Rating
  • Visualizes ratings
  • Resize
  • Detects changes to the element size and fires notifications when it happens
  • Slider
  • Allows changes to a numeric value within a range of defined minimum and maximum values
  • 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 scrollable panels that share the same space
  • Toolbar
  • Displays a collection of different tool items and editors in one line
  • Tooltip
  • Adds a tooltip to an element
  • TreeList
  • Allows you to navigate through tree hierarchy showing only one list at a time
  • TreeGrid
  • Displays hierarchical data structures in multiple columns
  • TreeView
  • Displays hierarchical data structures

AngularJS Directives


  • Accordion
  • List of expandable groups with header and content panel
  • CheckBox
  • Represents a check box
  • ComboBox
  • Represents a combo box
  • ContextMenu
  • Allows adding a context menu to any HTML element
  • Grid
  • Displays tabular data sets
  • Menu
  • Represents a menu
  • SlideBar
  • Animates slides composed of custom content
  • TabStrip
  • List of tabs with header and content panel
  • Tooltip
  • Adds a customizable tooltip to other AngularJS Directives or HTML elements
  • TreeGrid
  • Shows hierarchical data structures in multiple columns
  • TreeView
  • Advanced directive for displaying hierarchical structures