Start Building Professional
Web Apps Today

DataGrid skin is not loaded in Wwindow pop up

DataGrid in window pop up does not load css in IE for grid.setSkin("light");
Below is the code :
var alloc_grid;
var dhxWins=null;
var w1=null;
function createwindow()
{
    
    if(dhxWins==null)
    {
    dhxWins = new dhtmlXWindows();    
    dhxWins.setImagePath("../../codebase/imgs/");    
     w1 = dhxWins.createWindow("w1", 10, 10, 1000, 340);
     w1.setText("Summary Details");
      if(navigator.appName=="Microsoft Internet Explorer"){
     dhxWins.window("w1").setPosition(3, 155);
     }else{
           dhxWins.window("w1").setPosition(4, 160);
     }
     //dhxWins.window("w1").setPosition(10, 170);
     w1.attachEvent("onClose", function(w1){w1.setModal(false);w1.hide();tab=null;
     document.getElementById('tab_contents').style.display="none";
     document.getElementById('tab_node_contents').style.display="none";
     document.getElementById('tab_node_alloc_contents').style.display="none";
     document.getElementById('tab_backLog_contents').style.display="none";
     document.getElementById('tab_bl').style.display="none";
     document.getElementById('tab_order_contents').style.display="none";
     document.getElementById('tab_posOrder_contents').style.display="none";
     document.getElementById('tab_credBook_contents').style.display="none";
     document.getElementById('tab_credRev_contents').style.display="none";
     document.getElementById('tab_bookAdj_contents').style.display="none";
     document.getElementById('tab_manualRev_contents').style.display="none";
     document.getElementById('tab_manualPos_contents').style.display="none";
    
     dhxWins=null;
    w1=null; });
    }
}
function allocResponse(loader)
{
            createwindow();
            if(loader.xmlDoc.responseText!= null)
            {
                
                if(document.getElementById('tab_backLog_contents').style.display != 'none') {
                    document.getElementById('tab_backLog_contents').style.display="none";
                }
                if(document.getElementById('tab_bl').style.display!='none') {
                    document.getElementById('tab_bl').style.display="none";
                }
                if(document.getElementById('tab_credBook_contents').style.display != 'none') {
                    document.getElementById('tab_credBook_contents').style.display="none";
                }
                if(document.getElementById('tab_credRev_contents').style.display!='none') {
                    document.getElementById('tab_credRev_contents').style.display="none";
                }
                if(document.getElementById('tab_order_contents').style.display != 'none') {
                    document.getElementById('tab_order_contents').style.display="none";
                }
                if(document.getElementById('tab_posOrder_contents').style.display!='none') {
                    document.getElementById('tab_posOrder_contents').style.display="none";
                }
                if(document.getElementById('tab_bookAdj_contents').style.display!='none') {
                    document.getElementById('tab_bookAdj_contents').style.display="none";
                }
                if(document.getElementById('tab_manualRev_contents').style.display!='none') {
                    document.getElementById('tab_manualRev_contents').style.display="none";
                }
                if(document.getElementById('tab_credBook_contents').style.display!='none') {
                document.getElementById('tab_credBook_contents').style.display="none";    
                }
                if(document.getElementById('tab_credRev_contents').style.display!='none') {
                document.getElementById('tab_credRev_contents').style.display="none";    
                }
                if(document.getElementById('tab_manualPos_contents').style.display!='none') {
                document.getElementById('tab_manualPos_contents').style.display="none";    
                }
                
                document.getElementById('tab_container').style.display="block";
                document.getElementById('tab_contents').style.display="block";


                if(!tab){
                    tab=w1.attachTabbar();
                    tab.setImagePath("/TSTVMZ/dhtmlxTabbar/codebase/imgs/");
                    tab.addTab("a1","Alloc Summary","100px");
                    tab.enableAutoSize(false,true);
                    //tabbar.enableAutoReSize(true) ;
                }
                //tabbar.setSkinColors("transparent","transparent","transparent");
                tab.showTab("a1");
                tab.setSkin("light") ;
                tab.setTabActive("a1");
                tab.setContent("a1","tab_contents");
                
                alloc_grid= new dhtmlXGridObject("tab_contents");
                alloc_grid.setImagePath("/TSTVMZ/dhtmlxGrid/codebase/imgs/icons_greenfolders/");
                //alloc_grid.setHeader("Allocation Line Summary,#cspan,#cspan,#cspan,#cspan,#cspan",null,["text-align:left;font-size:2"]) ;
                alloc_grid.setHeader("..,...,..",null,["text-align:center;","text-align:center;","text-align:center;","text-align:center;","text-align:center;","text-align:center;"]);
                alloc_grid.attachHeader("#rspan",["text-align:center;","text-align:center;","text-align:center;","text-align:center;","text-align:center;","text-align:center;"]);
                alloc_grid.setInitWidths("300,100,100,100,100,*");
                alloc_grid.setColAlign("left,right,right,right,right,right");
                alloc_grid.setColTypes("tree,ro,link,link,link,link");
                alloc_grid.setSkin("light");
                alloc_grid.enableAutoHeight(true);
                alloc_grid.enableSmartRendering(true,50);            
                alloc_grid.init();
                alloc_grid.loadXMLString(loader.xmlDoc.responseText,function(){ alloc_grid.expandAll()});    
                w1.setModal(true);
                w1.show();
               // w1.center();
                tab.enableAutoReSize(false) ;
            }
                tab.setOnSelectHandler(onSelectTab);
}

even In samples code http://www.dhtmlx.com/docs/products/docsExplorer/index.shtml?node=dhtmlxgrid also css is not loaded

The skin settings of the grid works correctly without relation to the place of grid's initialization, while correct css files included ( for grid it is enough to include dhtmlxgrid.css )
Beware that there are some relative paths to background images defined in dhtmlxgrid.css, so if you have changed structure of package ( position of imgs folder relative to css ) - skin can be broken

I'm experiencing the same thing here.  Grid skin is loaded in Firefox 3, but not in IE 7.  Further, when I load the grid in a div by itself, the skin loads just fine, but when it's in a window, it doesn't (this is on the same exact page).  The column headers load fine, but for some reason the alternating row color does not load.

Can someone provide guidance?  Thanks!

The bug must not appear for latest version. 
If you are using old codebase - please edit dhtmlxwindows_dhx_blue.css and remove next lines

div.dhtmlx_window_active table.dhtmlx_wins_dhx_blue td {
 background: none;
}
div.dhtmlx_window_inactive table.dhtmlx_wins_dhx_blue td {
 background: none;
}

Thanks !!!!! dhtmlx Support Team its working fine ....Now alternative row style is loaded in IE also.I want one more solution .Can I show progress bar on parent grid which attach to tab and tab is attach to dhtmlxWindow.That parent grid has link in one column when I click on that link its generate other grid on another tab on same dhtmlxWindow.So when I click on link I want to show the user that something is loaded on to grid something like progress bar.I have tried to genearte child pop up on the parent window pop up but the grid is hiding the child pop up which i have attach the progress bar....Its urgent

There is no any built in code for progress bar generation, so you will need to use some custom element ( instance of window, or just absolutely positioned html element with necessary content ) 

>> but the grid is hiding the child pop up which i have attach the progress bar...
In case of custom html element - please be sure that it has a significant z-index value, to be shown over grid.