Announcement: All noncommercial projects registered to use Earth Engine before
April 15, 2025 must
verify noncommercial eligibility to maintain Earth Engine access.
ui.Panel
Stay organized with collections
Save and categorize content based on your preferences.
A widget that can hold other widgets. Use panels to construct complex combinations of nested widgets.
Panels can be added to ui.root but not printed to the console with print().
| Usage | Returns | ui.Panel(widgets, layout, style) | ui.Panel |
| Argument | Type | Details | widgets | List<ui.Widget>|ui.Widget, optional | The list of widgets or a single widget to add to the panel. Defaults to an empty array. |
layout | String|ui.Panel.Layout, optional | The layout to use for this panel. If a string is passed in, it's taken as a shortcut to the layout constructor with that name. Defaults to 'flow'. |
style | Object, optional | An object of allowed CSS styles with their values to be set for this widget. See style() documentation. |
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-07-08 UTC.
[null,null,["Last updated 2025-07-08 UTC."],[[["\u003cp\u003ePanels are widgets that can contain other widgets, enabling complex nested layouts within Earth Engine applications.\u003c/p\u003e\n"],["\u003cp\u003eThey are added to the \u003ccode\u003eui.root\u003c/code\u003e but cannot be printed to the console using \u003ccode\u003eprint()\u003c/code\u003e.\u003c/p\u003e\n"],["\u003cp\u003ePanel layouts can be customized using predefined options or by specifying CSS styles.\u003c/p\u003e\n"],["\u003cp\u003eInitialization involves providing a list of widgets (or a single widget), a layout type, and optional styling.\u003c/p\u003e\n"]]],["Panels, which are widgets that can contain other widgets, are created using `ui.Panel()`. They accept an optional list of `widgets`, a `layout` (defaulting to 'flow'), and a `style` object for CSS styling. Panels can be added to `ui.root` but cannot be printed using `print()`. The `layout` argument can be a string representing a shortcut to a layout constructor. Panels facilitate the construction of complex, nested widget structures.\n"],null,["# ui.Panel\n\n\u003cbr /\u003e\n\nA widget that can hold other widgets. Use panels to construct complex combinations of nested widgets.\n\n\u003cbr /\u003e\n\nPanels can be added to ui.root but not printed to the console with print().\n\n| Usage | Returns |\n|--------------------------------------------------|----------|\n| `ui.Panel(`*widgets* `, `*layout* `, `*style*`)` | ui.Panel |\n\n| Argument | Type | Details |\n|-----------|----------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------|\n| `widgets` | List\\\u003cui.Widget\\\u003e\\|ui.Widget, optional | The list of widgets or a single widget to add to the panel. Defaults to an empty array. |\n| `layout` | String\\|ui.Panel.Layout, optional | The layout to use for this panel. If a string is passed in, it's taken as a shortcut to the layout constructor with that name. Defaults to 'flow'. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this widget. See style() documentation. |"]]