Skip to main content

ui

Routines for building UI

Index

Namespaces

NamespaceDescription
cards-
css-
forms-
hintsVisual hints attached to an element. They can be used to introduce a new app to users.
input-
labels-
panels-
tools-

Classes

ClassDescription
EntityMetaDartProxyOverride the corresponding methods, and register an instance to
ObjectHandlerOverride the corresponding methods, and register an instance to
ObjectHandlerResolutionArgs-
TooltipRepresents a tooltip.
toolsUI Tools *

Variables

VariableDescription
icons-
tooltip-

Functions

FunctionDescription
_backColor-
_class-
_color-
_innerText-
accordionCreates an accordion with dynamically populated panes.
actionLink-
appendAllAppends multiple elements to root, and returns root.
bigButton-
bindBinds [item] with the [element]. It enables selecting it as a current object, drag-and-drop,
bindInputs-
blockExample: https://public.datagrok.ai/js/samples/ui/containers/blocks
block25Example: https://public.datagrok.ai/js/samples/ui/containers/blocks
block50Example: https://public.datagrok.ai/js/samples/ui/containers/blocks
block75Example: https://public.datagrok.ai/js/samples/ui/containers/blocks
boxExample: https://public.datagrok.ai/js/samples/ui/containers/box
boxFixed-
breadcrumbsExample: https://public.datagrok.ai/js/samples/ui/components/breadcrumbs
buttonCreates a button with the specified text, click handler, and tooltip.
buttonsInput-
canvas-
cardRenders content as a card.
colorPicker-
comboPopupCreates a combo popup with the specified icons and items.
comboPopupItemsCreates a combo popup with the specified icons and items
contextActions-
dialogCreates a [Dialog].
div-
divHDiv flex-box container that positions child elements horizontally.
divTextReturns DivElement with the specified inner text.
divVDiv flex-box container that positions child elements vertically.
dropDownExample: https://public.datagrok.ai/js/samples/ui/components/combo-popup
elementCreates an instance of the element for the specified tag, and optionally assigns it a CSS class.
emptyRemoves all child nodes, and disposes widgets that these nodes
extractRoot-
fileBrowserExample: https://public.datagrok.ai/js/samples/ui/components/file-browser
form-
h1Example: https://public.datagrok.ai/js/samples/ui/components/typography
h2Example: https://public.datagrok.ai/js/samples/ui/components/typography
h3Example: https://public.datagrok.ai/js/samples/ui/components/typography
iconFAReturns a font-awesome icon with the specified name, handler, and tooltip.
iconImage-
iconSvg-
iframeExample: https://public.datagrok.ai/js/samples/ui/components/iframe
imageExample: https://public.datagrok.ai/js/samples/ui/components/image
infoExample: https://public.datagrok.ai/js/samples/ui/components/info-bar
inlineTextRenders inline text, calling [renderMarkup] for each non-HTMLElement.
inputs-
inputsRow-
labelExample: https://public.datagrok.ai/js/samples/ui/components/typography
linkCreates an <a> element.
listCreates a visual element representing list of [items].
loaderExample: https://public.datagrok.ai/js/samples/ui/components/loading-indicators
makeDraggableExample: https://public.datagrok.ai/js/samples/ui/interactivity/drag-and-drop
makeDroppable-
markdownExample: https://public.datagrok.ai/js/samples/ui/components/markdown
narrowForm-
onSizeChangedExample: https://public.datagrok.ai/js/samples/ui/ui-events
pExample: https://public.datagrok.ai/js/samples/ui/components/typography
panelExample: https://public.datagrok.ai/js/samples/ui/containers/panels
patternsInput-
popupMenu-
rangeSliderExample: https://public.datagrok.ai/js/samples/ui/components/range-slider
removeRemoves the [element] from the DOM, and disposes any widgets that
renderRenders object to html element.
renderCardRenders object to html card.
renderInline-
ribbonPanel-
schemeInput-
setClass-
setDisabled-
setDisplay-
setDisplayAll-
setUpdateIndicatorSets an update indicator on the specified element.
showPopupShows popup with the [element] near the [anchor].
spanRenders multiple objects as a span
splitHPositions child elements horizontally and allows you to resize them.
splitVPositions child elements vertically and allows you to resize them.
star-
tabControlExample: https://public.datagrok.ai/js/samples/ui/components/tab-control
tableCreates a visual table based on [items] and [renderer].
tableFromMapCreates an html table based on [map].
tableFromPropertiesCreates an editable html table for the specified items (rows) and properties (columns).
tags-
treeCreates new nodes tree.
typeAhead-
virtualViewCreates a virtual list widget.
waitWaits for Future<Element> function to complete and collect its result.
waitBoxWaits for Future<Element> function to complete and collect its result as a ui.box.
wideForm-