Allow for proper Green, White Grey, Light Grey styling
leematthewshome opened this issue · 0 comments
leematthewshome commented
I wanted to use your extension for a demo application, but it doesnt use the right green, white, grey, light grey styling. I propose a couple of changes to enable this (note that I have only made these changes for button display):
In scoped-bootstrap.css add the following below .btn-default
/* =========== Begin Qlik Specific Colors =========== */
.bootstrap_inside .btn-notassociated {
color: #ffffff;
background-color: #a9a9a9;
border-color: #ccc;
}
.bootstrap_inside .btn-alternative {
color: #333;
background-color: #dddddd;
border-color: #ccc;
}
/* =========== End Qlik Specific Colors =========== */
In SenseFieldUI.js make the following changes to the eachDataRow function for buttons:
//if (row[0].qState === 'X') { var dis = 'disabled'; } else { var dis = ''; };
var dis = '';
if (row[0].qState === 'S') {
var active = 'btn-' + vars.btnColor;
tempId[n].push(row[0].qElemNumber);
}
else if (row[0].qState === 'A'){
var active = 'btn-alternative';
}
else if (row[0].qState === 'X'){
var active = 'btn-notassociated';
}
else { var active = 'btn-default'; };