Wednesday, June 03, 2009

RadDatePicker on ModalPopUp Extender

Hace algunos meses adquirimos la licencia de los RadControls para ASP.NET Ajax de Telerik. La verdad estan muy monos y no es por nada pero nos han “chuleado” mucho nuestras aplicaciones. Sin embargo, hemos tenido algunos detalles con la implementación de los controles, sobre todo al querer integrar la funcionalidad que habiamos manejado anteriormente con el AJAX Control Toolkit. En esta ocasión necesitabamos integrar un control super chido que es el RadDatePicker de Telerik, es un selector de fechas el cual almacena en la propiedad SelectedDate (que es nullable) la fecha seleccionada y tiene integrada toda la validación de fechas.


El issue que tuvimos con este control fue que necesitabamos colocarlo en la famosa ventanita emergente o ModalPopupExtender de AJAX Control Toolkit (my favorite ñ.ñ) peroooooo… no funcionó porque al dar clik en la imagen para expandir el calendario éste se mostraba detras del DIV, traté de poner en un div el RadDatePicker y cambiarle el z-index y tampoco =(

Afortunadamente en uno de los foros de Telerik me encontré la solución y realmente mi intento de solución no estaba tan mal, el problema si se debía al Z-Index pero del control. Y para esto debemos de incluir en nuestra página el siguiente script (ya sea en el header o si usan master pages incluirlo dentro del ContentPlaceHolder) y liiiistooo el control se muestra correctamente:



Bë GoöoD!!

Iris ;)