Configure FlexTree

An example of how to configure the FlexTree widget is provided in this section.

• Update the properties as given below:

StyleSheet

.read::before { content: "visibility"; background: #4CAF50; color: white;}.write::before { content: "edit"; background: #009688; color:

white;}.lock::before { content: "lock"; background: #F44336; color: white;}

Data

[{"text":"zljmovsh","id":"zljmovsh","state":"read","items":[{"text":"vmbudt39","id":"vmbudt39","state":"read","items":[{"text":"k6uh9c47","id":"k6uh9c47","state":"lock"},{"text":"fwzafuhg","id":"fwzafuhg","state":"write"}]},{"text":"2iem3m2r","id":"2iem3m2r","state":"read","items":[]}]}]

During runtime, select the icon to change to the next one.