Hi, I have this application combining jqxWidget and Jquery-UI
There’s a CRUD option where a grid is presented on screen and a “New button” opens a JQuery UI dialog form (modal) and jqxDateTimeInput object is placed over there to select some date info.
Most of the users have no problem at all. But some of them (very few) whenever they press jqxDateTimeInput to popup the control, it pops-up BEHIND the modal form .
the code:
<style>
.ui-dialog { z-index: 9999 !important; }
input {padding:5px;}
#dlg_contrato div {margin-bottom:10px;}
</style>
<div id=”dlg_cont” title=”CONTRACT FORM” style=”font-size: 13px; font-family: Verdana;”>
<form id=”frmCont” >
<label>DetaA</label><br/>
<div><input type=”text” name=”detalleContrato” id=”detalleContrato” class=”text ui-widget-content ui-corner-all” style=”width:400px;” /></div>
<label>From date:</label>
<div id=”vigenciaContrato” style=”z-index:99999;”></div>
</form>
</div>
<script type=”text/javascript”>
$(document).ready(function () {
$(“#vigenciaContrato”).jqxDateTimeInput({
popupZIndex: 9999999,
width: ‘125px’,
height: ’25px’,
theme: ‘energyblue’,
culture: ‘es-ES’,
formatString: ‘dd-MM-yyyy’, showFooter: true, todayString: ‘Hoy’, clearString: ‘Limpiar’
});
});
</script>
