ui.root.add

  • The ui.root object allows you to add and manage widgets within the main user interface panel.

  • The add() method specifically inserts a specified widget into the root panel, modifying the display.

  • The clear() method can be used to remove existing widgets, providing flexibility in UI customization.

Adds a widget to the root panel.

Returns the root panel.

UsageReturns
ui.root.add(widget)ui.Panel
ArgumentTypeDetails
widgetui.WidgetThe widget to be added.

Examples

Code Editor (JavaScript)

// Replace the default UI widgets with a few custom widgets.
ui.root.clear();
ui.root.add(
  ui.Panel({
    widgets:[
      ui.Label('This is a custom user interface.'),
    ],
    style: {border: '5px solid green'}
  })
);
ui.root.add(ui.Map());