DomAPI Home
DomAPI
Constructors at a Glance
Elm Component
Arrowscrollbox Barchart Billboard Button Calendar
Colorpane Colorpicker Combobox Datepicker Dropdown
Icon Imagecheckbox Imagelist Imagelistlite Imagepagecontrol
Imageradiobutton Imageradiogroup Imagetabset Label Listbox
Listgrid Menubar News Notebook Outlookbar
Pagecontrol Popupmenu Progressbar Resizegrip Rollover
Scrollbutton Sidebar Slider Speedbutton Spinedit
Splitpane Splitter Statusbar Tabset Toolbar
Tree Viewbar Window
Docs Elm
var elm1 = domapi.Elm({
  h            : null,
  w            : null,
  x            : null,
  y            : null,
  id           : null,
  ref          : null,
  type         : "DIV",
  color        : null,
  parent       : document.body,
  bgcolor      : null,
  skipAdd      : false,
  position     : null,
  skipStyle    : false,
  skipPosition : false 
});

Docs Component
var component1 = domapi.Component({
  enabled        : true,
  doBGFill       : true,
  doBorder       : true,
  formName       : null,
  tabIndex       : null,
  doDepress      : true,
  doRollover     : true,
  elementName    : null,
  doRolloverFill : true 
});

Docs Arrowscrollbox
var arrowscrollbox1 = domapi.Arrowscrollbox({
  align    : "center",
  doBorder : true 
});

Docs Barchart
var barchart1 = domapi.Barchart({
});

Docs Billboard
var billboard1 = domapi.Billboard({
});

Docs Button
var button1 = domapi.Button({
  text : "" 
});

Docs Calendar
var calendar1 = domapi.Calendar({
  mask           : "mm/dd/yyyy",
  mode           : "normal",
  value          : new Date(),
  doShowDays     : true,
  doShowTitle    : true,
  doShowToday    : true,
  doMultiSelect  : false,
  doShowControls : true,
  doShowHolidays : true 
});

Docs Colorpane
var colorpane1 = domapi.Colorpane({
  value : "#FFFFFF" 
});

Docs Colorpicker
var colorpicker1 = domapi.Colorpicker({
  value : "#FFFFFF" 
});

Docs Combobox
var combobox1 = domapi.Combobox({
  h              : domapi.theme.skin.metrics.dropdown.h,
  w              : 150,
  doLines        : false,
  doAllowEdit    : true,
  doAutoComplete : false 
});

Docs Datepicker
var datepicker1 = domapi.Datepicker({
  w         : 150,
  mask      : "mm/dd/yyyy",
  value     : new Date(),
  allowEdit : true 
});

Docs Dropdown
var dropdown1 = domapi.Dropdown({
});

Docs Icon
var icon1 = domapi.Icon({
  doDepress   : false,
  doRollover  : false,
  doAllowMove : true 
});

Docs Imagecheckbox
var imagecheckbox1 = domapi.Imagecheckbox({
  h            : 13,
  w            : 120,
  src          : domapi.theme.skin.checkbox.src,
  imgH         : 13,
  imgW         : 13,
  text         : null,
  orientation  : "horizontal",
  checkedState : "grayed" 
});

Docs Imagelist
var imagelist1 = domapi.Imagelist({
  h           : 16,
  w           : 16,
  src         : "",
  orientation : "horizontal" 
});

Docs Imagelistlite
var imagelistlite1 = domapi.Imagelistlite({
});

Docs Imagepagecontrol
var imagepagecontrol1 = domapi.Imagepagecontrol({
  overlap     : 0,
  paneManage  : "visibility",
  orientation : "top" 
});

Docs Imageradiobutton
var imageradiobutton1 = domapi.Imageradiobutton({
  imgH         : 12,
  imgW         : 12,
  text         : "",
  orientation  : "horizontal",
  checkedState : "cleared" 
});

Docs Imageradiogroup
var imageradiogroup1 = domapi.Imageradiogroup({
  cols : 1,
  text : "" 
});

Docs Imagetabset
var imagetabset1 = domapi.Imagetabset({
  overlap     : 0,
  paneManage  : "visibility",
  orientation : "horizontal" 
});

Docs Label
var label1 = domapi.Label({
  text          : null,
  doBGFill      : false,
  doBorder      : false,
  textAlign     : "left",
  verticalAlign : "top" 
});

Docs Listbox
var listbox1 = domapi.Listbox({
  doHLines        : true,
  doLedger        : false,
  minWidth        : 50,
  doAutoWidth     : false,
  doMultiSelect   : false,
  doAllowNoSelect : false,
  doShowSelection : true 
});

Docs Listgrid
var listgrid1 = domapi.Listgrid({
  headerH         : 16,
  rowbarW         : 10,
  doLedger        : false,
  doColMove       : true,
  doColSort       : true,
  doDepress       : true,
  gridlines       : "both",
  resizeBdr       : 10,
  selectMode      : "row",
  doAllowEdit     : true,
  doColResize     : true,
  linesPerRow     : 1,
  minColWidth     : 20,
  doShowHeader    : true,
  doShowRowbar    : true,
  doMultiSelect   : false,
  doVirtualMode   : false,
  doAllowNoSelect : false,
  doShowSelection : true 
});

Docs Menubar
var menubar1 = domapi.Menubar({
  h        : 20,
  w        : null,
  popupX   : 0,
  popupY   : 0,
  doImages : true,
  doShadow : true 
});

Docs News
var news1 = domapi.News({
  h : 100,
  w : 200 
});

Docs Notebook
var notebook1 = domapi.Notebook({
  doManage   : true,
  paneManage : "display" 
});

Docs Outlookbar
var outlookbar1 = domapi.Outlookbar({
  valign : "justfy" 
});

Docs Pagecontrol
var pagecontrol1 = domapi.Pagecontrol({
  orientation  : top,
  tabsetOffset : 0 
});

Docs Popupmenu
var popupmenu1 = domapi.Popupmenu({
  chevron        : "►",
  doImages       : true,
  doShadow       : true,
  mouseButton    : 1,
  doIframeShield : true 
});

Docs Progressbar
var progressbar1 = domapi.Progressbar({
  max         : 100,
  quanta      : 1,
  progress    : 0,
  orientation : "horizontal" 
});

Docs Resizegrip
var resizegrip1 = domapi.Resizegrip({
  h      : 14,
  w      : 14,
  fEnd   : "",
  imgH   : 12,
  imgW   : 12,
  minH   : 24,
  minW   : 24,
  fMove  : "",
  fStart : "",
  margin : 2 
});

Docs Rollover
var rollover1 = domapi.Rollover({
  h           : 23,
  w           : 80,
  src         : "",
  count       : 3,
  orientation : "horizontal" 
});

Docs Scrollbutton
var scrollbutton1 = domapi.Scrollbutton({
  h         : 12,
  w         : 12,
  step      : 10,
  align     : "center",
  direction : "top" 
});

Docs Sidebar
var sidebar1 = domapi.Sidebar({
  doBorder                 : false,
  doAllowAllOpen           : true,
  doAllowClosing           : true,
  doAllowHeaderClick       : false,
  doAllowHeaderDoubleClick : true 
});

Docs Slider
var slider1 = domapi.Slider({
  mode     : "basin",
  bgImg    : "theme defined",
  range    : null,
  basins   : null,
  thumbH   : 21,
  thumbW   : 11,
  reversed : false,
  thumbImg : "theme defined" 
});

Docs Speedbutton
var speedbutton1 = domapi.Speedbutton({
  src            : "",
  down           : false,
  hint           : "",
  imgH           : 16,
  imgW           : 16,
  kind           : "button",
  text           : "",
  enabled        : true,
  dropDown       : null,
  radioGroup     : 0,
  orientation    : "horizontal",
  dropdownArrow  : "▼",
  imgOrientation : "horizontal" 
});

Docs Spinedit
var spinedit1 = domapi.Spinedit({
  max             : 1000,
  min             : 0,
  step            : 1,
  value           : 0,
  doWarning       : true,
  doAllowBlank    : false,
  holdInterval    : 500,
  revolveInterval : 100 
});

Docs Splitpane
var splitpane1 = domapi.Splitpane({
  id1                 : null,
  id2                 : null,
  min                 : 20,
  ref1                : null,
  ref2                : null,
  src1                : null,
  src2                : null,
  type1               : null,
  type2               : null,
  doBorder            : false,
  splitterW           : 3,
  doRollover          : false,
  splitterBG          : domapi.theme.fonts.buttonface.bgcolor,
  orientation         : "horizontal",
  doHideOnDrag        : false,
  doThumbTrack        : false,
  manageShield        : true,
  splitterBorderStyle : domapi.theme.border.none 
});

Docs Splitter
var splitter1 = domapi.Splitter({
  maxX         : 10000,
  maxY         : 10000,
  minX         : 0,
  minY         : 0,
  splitterType : "h" 
});

Docs Statusbar
var statusbar1 = domapi.Statusbar({
  h      : 18,
  gap    : 2,
  margin : 2 
});

Docs Tabset
var tabset1 = domapi.Tabset({
  tabH        : 23,
  doManage    : true,
  tabAlign    : "left",
  selOffset   : 1,
  paneManage  : "display",
  selFeather  : 1,
  orientation : "top" 
});

Docs Toolbar
var toolbar1 = domapi.Toolbar({
  spacing        : 2,
  orientation    : "horz",
  edgeBorderTop  : 3,
  edgeBorderLeft : 3 
});

Docs Tree
var tree1 = domapi.Tree({
  delimiter               : "/",
  doShowLines             : false,
  doTextExpands           : false,
  doFolderExpands         : true,
  doFolderSelects         : true,
  doDblClickTextExpands   : true,
  doDblClickFolderExpands : false 
});

Docs Viewbar
var viewbar1 = domapi.Viewbar({
  exclusive       : true,
  doShowSelection : true 
});

Docs Window
var window1 = domapi.Window({
  btnH                      : 14,
  btnW                      : 16,
  minH                      : 40,
  minW                      : 120,
  doModal                   : false,
  resizeBdr                 : 20,
  minimizedW                : 150,
  separatorW                : 2,
  windowType                : "DIV",
  doAllowMove               : true,
  captionAlign              : "left",
  titlePadding              : 2,
  controlsAlign             : "right",
  doAllowResize             : true,
  doManageFocus             : true,
  destroyOnClose            : true,
  doIframeShield            : true,
  doManageShield            : true,
  titleBarHeight            : 20,
  visibleButtons            : 1+2+8,
  doCreateButtons           : true,
  showContentsWhileDragging : false 
});

DHTML by www.domapi.com