How to change sidebar arrow aligned left to right

Hi, the sidebar that I use in my application has a default arrow towards left. I need to change arrow facing towards right. Can someone help me with this.

Hi,
you can change the default content of the icons in style.
Check the example: Code Snippet

1 Like

This worked for me

    template: function(obj, common){

    const arrowIcon = 'wxi-angle-'+(obj.open?'down':'right');

    var className = 'webix_sidebar_dir_icon webix_icon '+ arrowIcon;

    const arrowHTML = obj.$count === 0 ? '' : '<span class="'+className+'"></span>';

    return arrowHTML+common.icon(obj,common)+'<span>'+obj.value+'</span>';

},
1 Like