Premium support for our pure JavaScript UI components


Post by yklein »

Like the subject says, is there a config for enabling/disabling the tree-icon? I know I can hide it with CSS but I was hoping I could disable it and also have the text move over to the left a bit in it's place.

I played around with the demo on the TreeGrid API page (https://www.bryntum.com/docs/gantt/api/Grid/view/TreeGrid) but when you remove the value from iconCls entirely, it defaults to the little dot icon. I am hoping we can disable that functionality so that when there's no iconCls, it defaults to nothing at all

Thanks!


Post by alex.l »

You need to specify https://bryntum.com/docs/grid/api/Grid/column/TreeColumn#config-leafIconCls for tree column as blank:

columns : [
        {
            text        : 'Name',
            field       : 'name',
            type        : 'tree',
            leafIconCls : '',
            // ...
	}

It looks up an icon in the next order:

iconCls = renderData.iconCls || record.iconCls || me.leafIconCls;

All the best,
Alex


Post by yklein »

Oh I see its a column level config. Any way we can make this a row level config? We have a use case where we don't want the dot icon for the first level of a tree but do want it for the second and with this config it would not work properly


Post by mats »

No then you'd need to resort to CSS for that particular row


Post Reply