Hi i have 3.6 pro edition.
1.)I am unable to change my layout skin dynamically.
Initially i have created a layout (2E) without third parameter, i.e, i ddnt specified skin.
So sky blue applied in default.
Then i changed the skin to dhx_blue or dhx_black like below
layoutobj.setSkin(‘dhx_blue’);
but layout is not rendered in that color.
2.)If i created an application with total layout structure and i have placed some dhtmlx components in it (tree, grid, form).Initially it is in sky blue skin.
So i want to give an option to user to change the total app skin .
How can i accomplish this one
Hi
You need to include all CSS skin-files in the library as in the sample: dhtmlx.com/docs/products/dht … nning.html
If you use compilled dhtmlx.js and dhtmlx.css files - it will not be possible to change skins on the fly.
Yeah if i include all individual css files , i am able to change the skin on the fly.
But the grid or toolbar which are already attached to that layout remained in sky_blue skin.
But in your dhtmlx designer , If i change the layout skin the component’s skin also changed.
But in your dhtmlx designer , If i change the layout skin the component’s skin also changed.
In this case Designer is a special “soft” for changing and creating interface.
So if i need to change skin on the fly i need to import all component’s skin css files, and images right even though i have compiled js and css.
Yes. Our components initially don’t assume skin changing on the fly.
What are the exact files i have to include to make my app work perfectly like default skin, even though i changed the skin of my layout?
Could you write in detail how and for what reason you age going to change all the style of your app?
Yeah,
Come to my requirement : Change the total application into the skin as wished by user.
For example my application all set in a layout with structure 3L.
In Cell a → i have attached a tree
in cell b–> i have attached a grid
in cell c—> i have another for example form.
then in the top i have a toolbar in that i have a select list element in which i have given some skin names to select.
Then i am reconstructing total layout with the skin selected by user.
So all the components should be rendered in that particular skin right.
But i am seeing few problems with the components rendering.
For example grid header not changed to particular skin, but rows rendered correctly.
Toolbar color not changed.
You have given a simple layout app.
But as in first image the toolbar list options are not rendered properly.
Fine with skyblue but when i change the skin to other(blue,web,black) the options are rendered at the bottom.
What is the problem with this toolbar?
i have attached it to layout cell.
my code like below,
layoutObj = new dhtmlXLayoutObject(“layout”,“3T”,activeSkin);
var cell = layoutObj.cells(‘a’);
layoutObj.cells(‘a’).setHeight(‘20’)
cell.hideHeader();
var toolbar = cell.attachToolbar();
toolbar.setSkin(activeSkin);
toolbar.setIconPath(‘dhtmlxToolbar/codebase/imgs/’);
toolbar.loadXMLString(’’, function(){});
And i included all 4 css files related to skyblue,blue,web,terrace.
I gave it to you bacause you wrote about grid.
I anderstand that your applocation is more complicated than my sample.
But as i told you before, we need your completed demo to test it and help you.
Please, attach it in the support system (it seems to me that you’ve wrote there too about some issues). docs.dhtmlx.com/doku.php?id=othe … leted_demo
