ui.root.add

Page Summary

• 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.

Usage	Returns
ui.root.add(widget)	ui.Panel

Argument	Type	Details
widget	ui.Widget	The 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());