Forum

Modal div bootstrap
 
Bildirimler
Hepsini Temizle

[Çözüldü] Modal div bootstrap

5 Yazılar
2 Üyeler
0 Reactions
2,617 Görüntüleme
(@muratguler)
Gönderiler: 313
Honorable Member
Konu başlatıcı
 

Merhaba 

Web sitesi üzerinde iç içe modal açmak istiyorum. modallar içerisinde de başka modallar açmak istiyorum. bunu nasıl yapabilirim?

 

Teşekkürler

 
Gönderildi : 23/12/2019 16:02

(@aliuysal)
Gönderiler: 292
Üye
 

Merhabalar; Bunun gibi birşey mi arıyorsunuz? 

image
<div id="stack1" class="modal fade" tabindex="-1" data-focus-on="input:first" 
style="display: none;"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
<h4 class="modal-title">Stack One</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<p>One fine body…</p>
<p>One fine body…</p>
<input class="form-control" type="text" data-tabindex="1">
<input class="form-control" type="text" data-tabindex="2">
<button class="btn btn-default" data-toggle="modal" href="#stack2">
Launch modal</button>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">
Close</button>
<button type="button" class="btn btn-primary">Ok</button>
</div>
</div>

<div id="stack2" class="modal fade" tabindex="-1" data-focus-on="input:first"
style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
<h4 class="modal-title">Stack Two</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<p>One fine body…</p>
<input class="form-control" type="text" data-tabindex="1">
<input class="form-control" type="text" data-tabindex="2">
<button class="btn btn-default" data-toggle="modal" href="#stack3">Launch modal
</button>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
<button type="button" class="btn btn-primary">Ok</button>
</div>
</div>

<div id="stack3" class="modal fade" tabindex="-1" data-focus-on="input:first"
style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
<h4 class="modal-title">Stack Three</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<input class="form-control" type="text" data-tabindex="1">
<input class="form-control" type="text" data-tabindex="2">
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close
</button>
<button type="button" class="btn btn-primary">Ok</button>
</div>
</div>  

Dijital dönüşüm başlıyor...
RFID Sayım
WinFlow e-Fatura Onay Akış Süreç Yazılımı
Android El Terminali
Elektrikli Araç Şarj Yazılım Platformu
RFID Demirbaş
QrCode Api

 
Gönderildi : 23/12/2019 16:11

(@muratguler)
Gönderiler: 313
Honorable Member
Konu başlatıcı
 

evet bunun gibi ama yerleride değiştirilebilir yapabiliyor muyuz ?

https://demos.devexpress.com/ASPxDockAndPopupsDemos/PopupControl/ModalWindow.aspx

adresindeki gibi

 
Gönderildi : 23/12/2019 19:11

(@aliuysal)
Gönderiler: 292
Üye
 

biraz css oynamasıyla yapabilirsin,

.modal-content{
margin-top:50px !important;
}

gibi...

Dijital dönüşüm başlıyor...
RFID Sayım
WinFlow e-Fatura Onay Akış Süreç Yazılımı
Android El Terminali
Elektrikli Araç Şarj Yazılım Platformu
RFID Demirbaş
QrCode Api

 
Gönderildi : 23/12/2019 23:41

(@muratguler)
Gönderiler: 313
Honorable Member
Konu başlatıcı
 

draggable modal ile yapılabiliyormuş.

https://www.w3schools.com/howto/howto_js_draggable.asp

Teşekkürler

 
Gönderildi : 24/12/2019 17:10

Paylaş: