Comment puis-je ajuster la position de la fenêtre jquery DatePicker pour éviter l'écrêtage iFrame?

Question

J'ai un problème avec une boîte de dialogue contextuelle Jquery DatePicker coupée par un iFrame comme indiqué dans cette image. Chaque onglet est un iFrame et la boîte de dialogue DatePicker est tronquée. J'ai mis le DatePicker z-index à 9999999 sans effet. J'ai donc pensé ajouter du remplissage CSS à l'élément ui-datepicker-div comme ceci;

$("#actiondate").datepicker(
    {changeYear:true , changeMonth:true, dateFormat:"dd-M-yy", yearRange:"-3:+3", showAnim: "slideDown", 
    //beforeShow:function() { $('#ui-datepicker-div').wrap('<div style="padding-top:40px;" />'); } 
    beforeShow:function() { $("#ui-datepicker-div").css("padding-top","40px;"); } 
}); 

N'a eu aucun effet. Est-il possible de repositionner le Dialogue DatePicker un peu?

Clipper DatePicker Example http://www.forsythesit.com.au/res/img/clippeddialog.jpg

Answer 1

que je rencontrais un problème similaire (et je résous juste): un datepicker overlaping avec un fullcalendar. Pour moi, la solution était de changer l'index z des deux éléments dans le CSS. Mais essayez avec des valeurs plus petites, (999999 ne fonctionnait pas du tout pour moi). z-index: 1 pour les onglets et z-index: 2 pour le sélecteur devrait faire le travail.

Pour positionner le datpicker, utilisez la marge attrib mais faites-le directement sur le css. D'une manière ou d'une autre, l'utilisation de la fonction "beforeShow" ne fonctionnait pas pour moi non plus ...

Maintenant, ce n'est pas le moyen le plus propre d'y parvenir, mais une fois que vous l'avez fait fonctionner, vous pouvez vous concentrer sur le rendre plus propre.

Cheers.