The base class for UI-elements is WebUiElementJS. An instance of WebUiElementJS class is intended for use as UI-element of web UI-control and cannot be used separately.

Here is the hierarchy of base standard UI-elements, which can be used in WebUiControlJS control and derived controls (WebDocumentViewerJS, WebDocumentEditorJS, WebSpreadsheetDocumentEditorControlJS, WebPdfDocumentEditorControlJS, WebDicomControlJS):

• WebUiElementCollectionJS - collection of web UI-elements. Stored in Vintasoft.Imaging.js file.
• WebUiElementJS - the base web UI-element. Stored in Vintasoft.Imaging.js file.
  • WebUiBrElementJS - web UI-element that represents '<br/>' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiLabelElementJS - web UI-element that represents text label. Stored in Vintasoft.Imaging.js file.
  • WebUiLabelWithDropDownListJS - web UI-element that represents text label and button with drop-down list. Stored in Vintasoft.Imaging.js file.
  • WebUiTextareaElementJS - web UI-element that represents '<textarea>' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiInputElementJS - web UI-element that represents '<input>' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiTextInputJS - web UI-element that represents '<input type="text">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiNumericInputJS - web UI-element that represents '<input type="number">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiButtonInputJS - web UI-element that represents '<input type="button">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiImageInputJS - web UI-element that represents '<input type="image">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiCheckboxInputJS - web UI-element that represents '<input type="checkbox">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiRadioInputJS - web UI-element that represents '<input type="radio">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiFileInputJS - web UI-element that represents '<input type="file">' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiOptionElementJS - web UI-element that represents '<option>' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiSelectElementJS - web UI-element that represents '<select>' element of markup. Stored in Vintasoft.Imaging.js file.
  • WebUiToggleButtonJS - web UI-element that represents button with drop-down list of buttons. Stored in Vintasoft.Imaging.js file.
  • WebUiColorPickerJS - web UI-element that represents the color picker. Stored in Vintasoft.Imaging.js file.
  • WebUiDivElementJS - web UI-element that represents '<div>' element of markup. Stored in Vintasoft.Imaging.js file.
    • WebUiButtonJS - web UI-element that represents '<div>' button element of markup. Stored in Vintasoft.Imaging.js file.
      • WebUiButtonWithDropDownButtonListJS - web UI-element that represents button with drop-down button list. Stored in Vintasoft.Imaging.js file.
      • WebUiButtonWithDropDownPanelJS - web UI-element that represents button with drop-down panel. Stored in Vintasoft.Imaging.js file.
      • WebUiButtonWithColorPickerJS - web UI-element that represents button with color picker. Stored in Vintasoft.Imaging.js file.
      • WebUiDialogButtonJS - web UI-element that represents button that changes the visibility of specified elements container. Stored in Vintasoft.Imaging.js file.
    • WebUiProgressJS- web UI-element that represents '<div>' progress element of markup. Stored in Vintasoft.Imaging.js file.
    • WebUiUploadFileButtonJS - web UI-element that represents button for uploading of files. Stored in Vintasoft.Imaging.js file.
    • WebUiElementContainerJS - web UI-element that represents DIV container for specified UI-elements. Stored in Vintasoft.Imaging.js file.
      • WebUiContextMenuJS - web UI-element that represents context menu. Stored in Vintasoft.Imaging.js file.
      • WebUiPanelJS - web UI-panel, which contains WebUiElementJS objects and allows to change the panel state using button. Stored in Vintasoft.Imaging.js file.
        • WebUiPanelContainerJS - container for UI-panels. Stored in Vintasoft.Imaging.js file.
        • WebUiPanelWithContextMenuJS - web UI-panel, which contains WebUiElementJS objects and allows to change the panel state using button and supports context menu. Stored in Vintasoft.Imaging.js file.
      • WebUiSidePanelJS - web UI side panel. Stored in Vintasoft.Imaging.js file.
      • WebUiMenuJS - web UI menu. Stored in Vintasoft.Imaging.js file.
      • WebUiDialogJS - web UI-dialog. Stored in Vintasoft.Imaging.Dialogs.XXX.js file.

The hierarchy of UI objects is open. This allows to adjust or modify existing elements or create new elements.

The hierarchy of standard UI-elements, which can be used only in UI-control WebDocumentViewerJS can be found here.
The hierarchy of standard UI-elements, which can be used only in UI-control WebDocumentEditorJS can be found here.
The hierarchy of standard UI-elements, which can be used only in UI-control WebSpreadsheetDocumentEditorControlJS can be found here.
The hierarchy of standard UI-elements, which can be used only in UI-control WebPdfDocumentEditorControlJS can be found here.
The hierarchy of standard UI-elements, which can be used only in UI-control WebDicomControlJS can be found here.

WebUiElementsFactoryJS class is a factory of UI-elements, i.e. it allows to register an instance of UI-element by identifier and this allows significantly simplify the process of UI creation. The list of standard registered identifiers can be found in description of WebUiElementsFactoryJS class.