Sidebar change icon

Suite and Optimus Suite 5
#1

Hello DHMTL,

Is it possible to change an icon from the sidebar by script?
and is it possible to change the background-color by script?

regards,
Laurens

#2

Hi

please attach screenshot and specify what icon and bg do you mean?

#3

I’ve attached a screendump.

thanx,

Laurens

sidebar.jpg277×633 39.5 KB

#4

are you sure this is sidebar? how do you attach it to a cell?

#5

I used the command:

mySidebar=main_layout.cells('b').attachSidebar( {width: 600});
#6

Well,

by the default sidebar does not have icons. you set them by your code, so I guess you’re able to change them in the same way. regarding bg - its done by design, you can change it manually in dhtmlx.css at your own risk.

#7

I used normal code to have the icons. (see attached picture of your own doc-side)
regards,

Laurens

sidebar2.jpg713×513 72.4 KB

#8

Hi

items in sidebar are based on templates. to change icon you have to update it for certain item. please check the following demo:
dhtmlx.com/docs/products/dhtmlxS … _text.html

hope this will help

#9

Thanx, that was the trick.

mySidebar.attachEvent(‘onSelect’, function(evId){
if (mySidebar.cells(evId).getText().icon==’…/dhtmlx_extra_imgs/pijlonder.png’){
mySidebar.cells(evId).setText({icon:’…/dhtmlx_extra_imgs/pijlrechts.png’});
} else {
mySidebar.cells(evId).setText({icon:’…/dhtmlx_extra_imgs/pijlonder.png’});
}
}

regards,

Laurens

#10

Hi.
For the sidebar, you can use any picture, it must have the desired width and height