.tl_submit_container im Simple Modal Fenster ansprechen

Hallo,

wie spreche ich (im Backend) den Speichern Button im Simple Modal Fenster direkt an, denn ausserhalb vom Simple Modal Fenster hat er dieselbe CSS Klasse?!?
Mehr im Screenshot, ein Bild sagt mehr, ...
Danke für Input!

ToM

Hallo Tom,

wenn es nur um den Selektor geht, hat doch auch das Modal eine Klasse, oder?

Code:

---

.modalklasse .tl_submit_container

---

Viele Grüße
Hella

Hallo Hella,

schon, aber den Selektor frisst er edd: .simple-modal-body .tl_submit_container
Hab mal n Screener vom Code...

ToM

Ja, ok, weil es in einem iframe ist. Dann evtl. eine eigene Klasse über das Template mitgeben? Kann gerade nur raten, weil ich keine Installation vor mir habe.

Grüße
Hella

Sprich, man kann ein iframe nicht adressieren, ohne etwas zu basteln (div drumrum)?

ToM

Die Klasse heisst: .popup :cool:
Es funktioniert auch, fast... :D
Beim drüberhovern oder klickern verschwindet der Button, manchmal kommt er au wieder, manchmal edd...
Drück ich F12 für Browsertools, isch er da. :D
Screenshot und CSS:

Code:

---

/* ... Save buttons ... */
.tl_formbody_submit .tl_submit_container {
    background-color: transparent;
    color: #444;
    position: fixed;
    display: inline-grid;
    justify-items: flex-start;
    /* WebKit */ -webkit-transition: color 1s ease-out;
    /* Firefox */ -moz-transition: color 1s ease-out;
    /* Opera */ -o-transition: color 1s ease-out;
    /* Standard */ transition: color 1s ease-out;
}

.tl_submit_container {
    position: fixed;
    left: 0;
    top: 3em;
}

.popup .tl_submit_container {
    display: block !important;
    left: 4.75em;
    top: 1em;
}

.tl_submit,
.popup .tl_submit,
.split-button ul .tl_submit,
.popup .split-button ul .tl_submit,
.tl_formbody_submit .tl_submit,
.popup .tl_formbody_submit .tl_submit {
    color: #444;
    background-color: #DBDAEA !important;
    font-weight: bolder;
    /* WebKit */ -webkit-transition: color 1s ease-out;
    /* Firefox */ -moz-transition: color 1s ease-out;
    /* Opera */ -o-transition: color 1s ease-out;
    /* Standard */ transition: color 1s ease-out;
}

.tl_submit:hover,
.popup .tl_submit:hover,
.split-button ul .tl_submit:hover,
.popup .split-button ul .tl_submit:hover,
.tl_formbody_submit .tl_submit:hover,
.popup .tl_formbody_submit .tl_submit:hover {
    color: #e14f4f;
    background-color: #DBDAEA !important;
    /* WebKit */ -webkit-transition: color 500ms ease-in-out;
    /* Firefox */ -moz-transition: color 500ms ease-in-out;
    /* Opera */ -o-transition: color 500ms ease-in-out;
    /* Standard */ transition: color 500ms ease-in-out;
}

.tl_submit:active,
.popup .tl_submit:active,
.split-button ul .tl_submit:active,
.popup .split-button ul .tl_submit:active,
.tl_formbody_submit .tl_submit:active,
.popup .tl_formbody_submit .tl_submit:active {
    color: #e14f4f;
    background-color: #F0C584 !important;
    /* WebKit */ -webkit-transition: color 500ms ease-in-out;
    /* Firefox */ -moz-transition: color 500ms ease-in-out;
    /* Opera */ -o-transition: color 500ms ease-in-out;
    /* Standard */ transition: color 500ms ease-in-out;
}

.tl_submit_container button {
    box-sizing: border-box;
    min-width: 100px;
    font-weight: bolder;
}

.tl_submit_container #edit {
/*    margin-right: 1px; */
}

.maintenance_inactive .tl_submit_container {
    position: inherit;
}

.two-factor .tl_submit_container {
    position: inherit;
}

.split-button {
    color: #444;
    display: inline-grid;
    justify-items: flex-start;
}

a.tl_submit {
    display:inline-block;
    font-weight:bolder;
}

.split-button ul {
    display: inline-grid;
    justify-items: flex-start;
}

.split-button ul:before,
.split-button ul:after {
    display: none;
}

.split-button > button[type="button"] {
    color: #444;
    background-color: #DBDAEA;
    padding: 0;
    width: 29px;
    min-width: 0;
    border: 0 none;
    border-left: 1px solid #AAA;
    border-radius: 0;
    height: 28px;
    /* WebKit */ -webkit-transition: color 1s ease-out;
    /* Firefox */ -moz-transition: color 1s ease-out;
    /* Opera */ -o-transition: color 1s ease-out;
    /* Standard */ transition: color 1s ease-out;
}

.split-button > button[type="button"]:hover,
.split-button > button[type="submit"]:hover {
    color: #e14f4f;
    /* WebKit */ -webkit-transition: color 500ms ease-in-out;
    /* Firefox */ -moz-transition: color 500ms ease-in-out;
    /* Opera */ -o-transition: color 500ms ease-in-out;
    /* Standard */ transition: color 500ms ease-in-out;
}

.split-button > button[type="button"]:active,
.split-button > button[type="submit"]:active {
    color: #e14f4f;
    background-color: #F0C584;
    /* WebKit */ -webkit-transition: color 500ms ease-in-out;
    /* Firefox */ -moz-transition: color 500ms ease-in-out;
    /* Opera */ -o-transition: color 500ms ease-in-out;
    /* Standard */ transition: color 500ms ease-in-out;
}

.split-button button img {
    display: block;
    margin: 3px auto auto 7px;
    width: 12px;
    height: auto;
}

.simple-modal .simple-modal-footer a.btn,
.simple-modal .simple-modal-footer a.btn primary {
    color: #444;
    background-color: #DBDAEA !important;
    font-weight: bolder;
    /* WebKit */ -webkit-transition: color 1s ease-out;
    /* Firefox */ -moz-transition: color 1s ease-out;
    /* Opera */ -o-transition: color 1s ease-out;
    /* Standard */ transition: color 1s ease-out;
}

.simple-modal .simple-modal-footer a.btn:hover,
.simple-modal .simple-modal-footer a.btn primary:hover {
    color: #e14f4f;
    background-color: #DBDAEA !important;
    /* WebKit */ -webkit-transition: color 500ms ease-in-out;
    /* Firefox */ -moz-transition: color 500ms ease-in-out;
    /* Opera */ -o-transition: color 500ms ease-in-out;
    /* Standard */ transition: color 500ms ease-in-out;
}

.simple-modal .simple-modal-footer a.btn:active,
.simple-modal .simple-modal-footer a.btn primary:active {
    color: #e14f4f;
    background-color: #F0C584 !important;
    /* WebKit */ -webkit-transition: color 500ms ease-in-out;
    /* Firefox */ -moz-transition: color 500ms ease-in-out;
    /* Opera */ -o-transition: color 500ms ease-in-out;
    /* Standard */ transition: color 500ms ease-in-out;
}

---

Woran könnte das noch liegen?
Danke für den zündenden Hinweis!
ToM