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.

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 
 ()); 
Design a Mobile Site
View Site in Mobile | Classic
Share by: