Formulář v modal dialogu – odesílací tlačítko v patičce
- bluray
- Člen | 178
Dobrý den používám bootstrap a chci umístit formulář do modal okna a chtěl bych tlačítko pro odeslání formuláře mít v patičce modal okna. Tedy v jiném divu než zbytek. je možnost to nějak řešit bez toho abych musel celý formulář ručně renderovat? Mám následující kód:
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Formulář</h4>
</div>
<div class="modal-body">
{control Form}
</div>
<div class="modal-footer">
<!-- ZDE BY MĚLO BÝT ODESÍLACÍ TLAČÍTKO Z FORMULÁŘE -->
<button type="button" class="btn btn-default" data-dismiss="modal">Zavřít</button>
<button type="button" class="btn btn-primary">Odeslat</button>
</div>
</div>
</div>
</div>
Děkuji za pomoc
- F.Vesely
- Člen | 369
bluray napsal(a):
Manuálnímu renderování se chci právě vyhnout. Budu mít docela dost formulářů a nechci renderovat všechno zvlášť.
Jak to řešíš přes absolutní css pozici?
Normalne tomu submitu dam nejakou tridu a v css pak position: absolute; bottom: –50px; right: 90px; treba, tu pozici si budes muset vyzkouset… Funguje mi to jak v malym, tak velkym modalu.
Chapu, ze manualni renderovani by bylo lepsi, ale pokud pouzivas v modalu i taby, tak si nemuzes dovolit dat celej content a footer do formulare. Dalsi veci je, ze uplne nechci, aby ten formular vedel, ze bude vykreslovat do modalu, atd.