hi, i have got a dilalog box with 2 hierarchical grid, one above another.(hgrid1 is above and hgrid2 is below.).
Both of the hiearchical grid have a column with the date type date.
in the hgrid1 if i press the date filter field the calendar appears below the dialog box.
in the hgri2 if i press the date filter field the calendar appears above the dialog box and now i can select the date.
this happens in both firefox and chrome..
the diference is that hgrid1 has a horizontal scrollbar and the hgrid2 doesnt have...
how can i solve the issue?
the problem is now solved, thanks Michael..
Hi Sergio Joyce,
If you need further assistance with this, please let me know.
Hello Sergio Joyce,
Thank you for posting in our forums!
I am glad to hear you resolved this by removing the width of the grid. An alternative to this would be to set the z-index CSS property of the igDatePicker. The igDialog's overlay has an approximate z-index of 1000, so you will need to provide a value higher than that. You can do this with the following CSS:
.ui-datepicker { z-index: 1337 !important; }
Additionally, you may see this in my forked fiddle which demonstrates this here:
http://jsfiddle.net/Y6Ne8/
If you have any further questions or concerns with this, please let me know.
hi, here is a jsfiddle with the problem appear...
http://jsfiddle.net/hU3qk/
in this case i use a simple grid
so, i did some testing, and the hgrid1 has a width set as 1000px, the fields ocuppied more than that, so the grid has a horizontal scrollbar, if i remove the width, the scrollbar appear on the dialog box, and now the calendar appear above the dialog box, and i can choose a data.
there was a topic with the issue that has some similaraties with this..
http://ko.infragistics.com/community/forums/p/87410/437322.aspx