it-swarm.dev

Come posizionare il popup del calendario?

Sto programmando un componente che contiene una finestra modale.

Nella finestra modale è presente un campo del calendario.

<? php echo JHTML :: _ ('calendar', null, 'birthdate', 'birthdate'); ?>

La posizione del popup del calendario sembra essere relativa al tag body anziché al div delle finestre modali.

È possibile rendere il popup del calendario relativo al div delle finestre modali? O in qualche modo calcolare/aggiungere la prima posizione delle finestre modali alla sua prima posizione?

Grazie!

enter image description here

1

Sarà più facile se lo spiego con un po 'di codice qui. Ok quindi il tuo modale ha una posizione fissa, perfettamente soddisfacente.

Al suo interno, dovrebbe esserci un elemento posizionato relativo, e quindi al suo interno, devi assolutamente posizionare il calendario. Di seguito mostra cosa intendo.

HTML:

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

CSS:

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

Aggiornare:

Per utilizzare il metodo modale incorporato di Joomla, dai un'occhiata alla risposta fornita da @Brent Friar qui:

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

Spero che sia di aiuto

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

enter image description here

0
Ahmed Helmy