balexbyrd/sense-FieldUI

Allow for proper Green, White Grey, Light Grey styling

leematthewshome opened this issue · 0 comments

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'; };