web-dev-qa-db-fra.com

Comment positionner le calendrier popup?

Je programme un composant qui contient une fenêtre modale.

Dans la fenêtre modale, il y a un champ de calendrier.

<? php echo JHTML :: _ ('calendar', null, 'date de naissance', 'date de naissance'); ?>

La position de la fenêtre contextuelle du calendrier semble être relative à la balise body au lieu de la division des fenêtres modales.

Est-il possible de faire apparaître le calendrier contextuel par rapport à la division des fenêtres modales? Ou en quelque sorte calculer/ajouter la position la plus haute des fenêtres modales à sa propre position la plus haute?

Merci!

enter image description here

1
Sebastien DErrico

Ce sera plus facile si je l'explique avec un code ici. Ok donc votre modal a une position fixe, c'est parfait.

À l'intérieur de celui-ci, il devrait y avoir un élément de positionnement relatif, puis à l'intérieur de celui-ci, vous avez absolument placé le calendrier. Le ci-dessous montre ce que je veux dire.

HTML:

<div class="modal">
    <div class="inner">
        <div class="calendar"></div>
    </div>
</div>

CSS:

.modal { position: fixed; }
.inner { position: relative; }
.calendar { position: absolute; }

Mise à jour:

Pour utiliser la méthode modale intégrée de Joomla, regardez la réponse fournie par @Brent Friar ici:

https://stackoverflow.com/a/8622928/1362108

J'espère que cela t'aides

3
Lodder
.calendars-popup{
  margin: 0 auto;
   position: absolute; 
    z-index: 1050;
}

enter image description here

0
Ahmed Helmy