Hi,
I rendered 2 igGrids that immediately become hide through:$("#grid1_container").hide()$("#grid2_container").hide()
After a button click I reshow them:$("#grid1_container").show()$("#grid2_container").show()
The problem is that their sizes have changed (width and height).I tryed with:$("#grid1").igGrid("option", "height", "50%");$("#grid1").igGrid("option", "width", "200px");...
And also with:<style>#grid1_container{width: 100% !important;}
But nothing happened...
Ideas?
Thanks!
Flavio M.
Hello Flavio,I wasn't able to reproduce this behavior. Can you provide a sample?
Thanks,Martin PavlovInfragistics, Inc.
are these related?
http://ko.infragistics.com/community/forums/p/79797/402558.aspx#402558
yes, I think so. If I look at the picture you attached, it's the same behavior I had on my application. To be honest I tried to make a sample for Infragistics, but if I create a simple sample it works correctly.My big problem was not related to the scrollbar, but to the height and the width, that were changed after the show event (I can see that also for you the height is a problem).What did I do to solve the problem? Just before the call to the show() method I set my grid width and height:
$("#grid_1").igGrid("option", "height", "154px");$("#grid_1").igGrid("option", "width", "99%");
Pay attention to the values: I really don't know why, but if I set these property with the original values (those were 155px for height and 100% for width) I got a grid with wrong height and wrong width. If I set them with a little change (1px less for height and 1% less for width) I correctly got the grid...
Let me know if you find something better...
PS I forgot to say that I have also set style with:#div_gridContainer { width: 100% !important;}
FYI: I just downloaded the latest trial and its fixed for me.
I tried and tried to get to them via a find and its like they are imbedded in the div itself. I guess that is the nature of them, hard to even get to the css to change them. I tried to change the bottom and left properties but its not simple. This is a igniteUI bug for sure but there will be limits of what can be done as the bars them selves are part of the div.
thx for the insight. I tried this
curWindowElement.setWidth( 137 );//138 curWindowElement.setHeight( 199 );//200
// indicating the value before the hide. Though this didnt work for me. I didnt use the css though.