> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tree explorer

> Tree explorer

This element lists information in a tree view. You can expand and collapse the tree.

## Configuration

| Setting | Description |
| :------ | :---------- |
| label   | UI label    |

Use `setFieldValue()` for all other config.

## Example

```crmscript theme={null}
HtmlElement folder;
Map m;

m.insert("id", "1");
m.insert("onclick", "alert('test');");
m.insert("href", "https://community.superoffice.com/en/");
m.insert("name", "Community");
m.insert("tooltip", "Super tooltip");
m.insert("target", "_blank");
m.insert("order", "desc");
m.insert("leaf", "true");
m.insert("icon", "false");

Map link;
link.insert("href", "https://www.superoffice.com//");
link.insert("target", "_blank");
link.insert("tooltip", "SuperOffice");

folder.setFieldValue("addEntry", m);
folder.setFieldValue("addLink", link);

m.clear();

m.insert("id", "2");
m.insert("href", "https://community.superoffice.com/en/customer/");
m.insert("name", "Customer");
m.insert("target", "_blank");
m.insert("leaf", "true");
m.insert("parent.id", "1");

folder.setFieldValue("addEntry", m);

// settings
m.clear();
m.insert("sortbyName", "true");
m.insert("expandId", "1");
m.insert("pruneEmptyFolders", "true");
folder.setFieldValue("set", m);
```

## Functions

### setFieldValue(String action, Map values)

| Action    | Map keys                                                                                                                                            | Description                             |
| :-------- | :-------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------- |
| add2Entry | id<br />parent.id<br />onclick<br />href<br />name<br />tooltip<br />target<br />order<br />leaf<br />icon<br />icon.contentType<br />icon.filename | Adds an entry to the tree               |
| addLink   | href<br />target<br />tooltip<br />icon<br />icon.contentType<br />icon.filename                                                                    | Adds a new link to the last added entry |
| set       | sortbyName<br />expandId<br />pruneEmptyFolders                                                                                                     | Sets various fields                     |


## Related topics

- [tree_explorer_entry table](/en/database/tables/tree-explorer-entry.md)
- [tree_explorer_link table](/en/database/tables/tree-explorer-link.md)
- [Void](/en/automation/crmscript/reference/CRMScript.Global.Void.md)
- [Requests](/en/request/dev/index.md)
- [Tested browser versions](/en/onsite/compatibility/browser.md)
- [Security](/integrations/g-suite/security.md)
- [Enum LoginFlags](/en/automation/crmscript/reference/CRMScript.NetServer.LoginFlags.md)