it-swarm.com.de

Wie positioniere ich das Kalender-Popup?

Ich programmiere eine Komponente, die ein modales Fenster enthält.

Im modalen Fenster befindet sich ein Kalenderfeld.

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

Die Position des Kalender-Popups scheint relativ zum Body-Tag zu sein und nicht zum Div der modalen Fenster.

Ist es möglich, das Kalender-Popup relativ zum div der modalen Fenster zu machen? Oder die obere Position der modalen Fenster irgendwie zu seiner eigenen oberen Position berechnen/hinzufügen?

Vielen Dank!

enter image description here

1

Es wird einfacher, wenn ich es hier mit etwas Code erkläre. Ok also du Modal hast eine feste Position, das ist vollkommen in Ordnung.

Darin sollte sich ein relativ positioniertes Element befinden, und in diesem sollte der Kalender absolut positioniert sein. Das Folgende zeigt, was ich meine.

HTML:

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

CSS:

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

Aktualisieren:

Um Joomlas integrierte modale Methode zu verwenden, lesen Sie die Antwort von @Brent Friar hier:

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

Hoffe das hilft

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

enter image description here

0
Ahmed Helmy