Default node image. For any node if its img property is not defined, then default img will be used. The img property is a css class for the image div. See .nodes to see how to use img for nodes. <div class="w2ui-node-image w2ui-icon {img}">...</div> There are several default icons in w2ui.css file you can use or you can create your own css file with icons. Majority of default icons are used in w2grid. Default icons are:

• icon-folder
• icon-page
• icon-reload
• icon-columns
• icon-search
• icon-add
• icon-delete
• icon-save
• icon-edit
• icon-bullet-black

The difference between img and icon is that img uses a div and a background image. The icon property uses a span and icon fonts, such as font-awesome. You can define it during object creation: let sidebar = new w2sidebar({ name : 'sidebar', img : 'icon-page', nodes: [ { id: 'id-1', text: 'Level 1' }, { id: 'id-2', text: 'Level 2' }, { id: 'id-3', text: 'Level 3' } ] }); Or any time after the object has been created: w2ui.sidebar.img = 'icon-folder';