In my project i have a grid inside which there are many labels, text-boxes and check boxes, on my grid i have a property IsEnabled, now when i set the property IsEnabled ="false" the grid contents(text-boxes and check boxes) gets disabled, which is working fine but my Labels looks same as it is.
My requirement is that when i set IsEnabled="false" on my grid, my whole grid beside getting disabled shall also get transparent, so that on my UI looks more attractive when grid is disabled.
Hello Sachin,
This is an initial update to let you know that we have received your support request and I am currently looking into this matter for you. I will keep you posted on my progress and I will get back to you soon with more information or questions for you.
Please feel free to continue sending updates to this case at any time.
Regards, Monika Kirkova, Infragistics
After investigating this further, I have determined that in order for the igGrid to look as it is disabled a css class could e set to the table body of the grid and to all alt records. This could be achieved as follows:
.disabled {
pointer-events: none;
background-color: lightgray !important;
}
function disableGrid() {
let gridBody = document.getElementsByClassName("ui-iggrid-tablebody");
$(gridBody[0]).addClass("disabled");
let altRecords = document.getElementsByClassName("ui-ig-altrecord");
for(let i = 0; i < filterCell.length; i++) {
$(altRecords[i]).addClass("disabled");
Please test it on your side and let me know if you need any further information regarding this matter.