Start Building Professional
Web Apps Today

setrowcolor in grid in window

hi

we have noticed a problem and dont think it is with our code:

we created a grid inside a window and tried to set the row color and it doesnt work. we have tried to set the row colours of grids in an accordion and works fine. we even copied and poasted the code and it stopped working.

here is the code, the problem with the code is that the row colours we are trying to set the rows to is not working and they are still showing in white and blue alternate colours, thanks for any help

<script type="text/javascript">

var colourChartWindow = "";
var colourChartGrid = "";
var colourChartToolbar = "";

function openColourChartWindow(chartToDisplay)
{
    if(isWindowOpen('colourChartWindow') == false)
    {
colourChartWindow = dhxWins.createWindow('colourChartWindow', 10, 10, 300, 150);
dhxWins.window('colourChartWindow').center();
dhxWins.window('colourChartWindow').setText(chartToDisplay);
dhxWins.window('colourChartWindow').setModal(true);
dhxWins.window('colourChartWindow').progressOn(true);
dhxWins.window('colourChartWindow').button('close').hide();
dhxWins.window('colourChartWindow').button('park').hide();
dhxWins.window('colourChartWindow').button('minmax1').hide();
dhxWins.window('colourChartWindow').denyResize();

colourChartToolbar = colourChartWindow.attachToolbar();
applyGeneralToolbarSettings(colourChartToolbar);
colourChartToolbar.addButton("ok",1,"OK","check.png","check.png");
colourChartToolbar.setItemToolTip("ok","OK");

colourChartToolbar.attachEvent("onClick",
function(id)
{
if(id == 'ok')
{
closeColourChartWindow()
}
});

colourChartGrid = colourChartWindow.attachGrid();
colourChartGrid.setHeader(chartToDisplay);
colourChartGrid.setColTypes("ro");
colourChartGrid.setNoHeader(true);
colourChartGrid.enableMultiline(true);
colourChartGrid.setInitWidths("*");
applyGeneralGridSettings(colourChartGrid,"grid");
colourChartGrid.init();

colourChartGrid.attachEvent("onBeforeSelect",function(){return false;});


}

if(chartToDisplay == "Information Colour Chart")
{
    colourChartGrid.addRow("success","Success);
    colourChartGrid.setRowColor("success","#CAFFD8");

    colourChartGrid.addRow("validation","Validation error");
    colourChartGrid.setRowColor("validation","#F7F9D0");

    colourChartGrid.addRow("fatal","Fatal error");
    colourChartGrid.setRowColor("fatal","#FFCECE");
}
else if (chartToDisplay == "Question Colour Chart")
{
    colourChartGrid.addRow("subject","Subject");
    colourChartGrid.setRowColor("subject","#e4d9ff");

    colourChartGrid.addRow("project","Project");
    colourChartGrid.setRowColor("project","#f9d48e");

    colourChartGrid.addRow("testOccasion","Test Occasion");
    colourChartGrid.setRowColor("testOccasion","#D0E6FF");
}


}

function closeColourChartWindow()
{
if(isWindowOpen('colourChartWindow') == true)
{
dhxWins.window('colourChartWindow').close();
}
}

</script>

Hi, 

The issue was fixed in the latest window version.

Which window skin do you use ? 

We have attached the fixed version of dhx_blue skin. If you use another, please, comment the following classes in the css file.

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

yes we use blue

thanks