Hide expander arrow on NavigatorNode

,
1

Product/components used and version/fix level:

cumulocity iot frontend version 1018.0.240

Detailed explanation of the problem:

Hi it’s Luca,
we have a custom Cockpit application. We would like to get rid of the “expander arrow” in the following picture:

image
image332×417 21.1 KB

Note we want to keep the arrow in “Groups” node.

We tried to extend AssetNode and AssetNodeService but we cannot find the property to hide that arrow

Best
Luca

Error messages / full error message screenshot / log file:

Question related to a free trial, or to a production (customer) instance?

2

Hi Luca,

You can hide it for example via CSS:

c8y-navigator-node .children c8y-navigator-node .expander {
  display: none;
}

Regards,
Tristan

3

Hi Tristan! thank you for the answer.

Can we do what you suggest via Javascript? Because we would like to hide the arrow just in “some cases”

Best
Luca

4

Hi Luca,

not sure what you are exactly asking for.
You can also add the above CSS rule via JavaScript code in the cases where you need it.

The AssetNode implementation was not designed in a way to provide the option to only hide the expander icon, but you can of course do your own implementation.

Regards,
Tristan