ui.root.add

  • You can add a widget to the root panel using ui.root.add(widget).

  • This method returns the root panel itself.

  • An example demonstrates adding a custom panel and a map to the root panel after clearing its default widgets.

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());