Aprire bootstrap modal da web form

Question

Ciao,
pasticcio da anni con asp.net webform e VB, lavorando con strutture dati anche complesse, ma con interfacce grafiche poco significative tanto da getire tutto lato server (tranne pochissime eccezioni)

Ora mi trovo a dover aprire questo semplice modal

          
     <!-- Modal Contatti-->
                                <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                  <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <h5 class="modal-title" id="ModalLabelContatti">Appuntamento</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                      </div>
                                      <div class="modal-body">
                                                Ciaone

                                      </div>
                                      <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                                                                          

Facendolo col button 

 <button type="button" class="btn btn-outline-secondary" width="100px" data-bs-toggle="modal" data-bs-target="#myModal">Contatti</button>
  

Nessun problema. Bello e semplice.

Ora però devo aprire questo modal da un evento di un altro oggetto presente sulla pagina.
Qual'è la strada più semplice escludendo un ajaxToolkit:ModalPopupExtender che mi funziona in locale ma mi dà problemi sull'hosting del mio cliente?

Mi piacerebbe aprire proprio il modal del codice

Grazie

Paolo

Answer 1

Salve Paolo,

Forse la documentazione di sotto potrà dare qualche idea:

AddBootstrap

---

Microsoft offre questo servizio gratuitamente, per aiutare gli utenti e aumentare il database dei prodotti e delle tecnologie. Il contenuto fornito “as is“ non comporta alcuna responsabilità da parte dell’azienda.

Answer 2

Grazie,

bootstrap è già presente nei miei progetti.
Il mio problema è specifico per il caricamento della finestra modale.

Se uso questo button la ottengo senza problemi, ma io voglio che ad aprirla sia un evento lato server.

<button type="button" class="btn btn-outline-secondary" width="100px" data-bs-toggle="modal" data-bs-target="#myModal">Contatti</button>
 

Se uso un modalPopupExtender ottengo il mio scopo in ambiente di sviluppo, ma ho problemi a caricare l'AjaxcontrolToolkit sulla mia soluzione hosting

<ajaxToolkit:ModalPopupExtender ID="ModalPopupCreate" runat="server" TargetControlID="ButtonDummyCreate"
        PopupControlID="PanelPopupCreate" BackgroundCssClass="modalBackground" />

ModalPopupCreate.Show()

Answer 3

Ora però devo aprire questo modal da un evento di un altro oggetto presente sulla pagina.
Qual'è la strada più semplice escludendo un ajaxToolkit:ModalPopupExtender che mi funziona in locale ma mi dà problemi sull'hosting del mio cliente?

Ciao Paolo,
di che tipo di evento si tratta? Lato server o client?
Puoi fornirci maggiori informazioni?

---

Paolo Pranzo

Answer 4

Sto lavorando con un componente DAYPILOT
praticamente devo aprire la finestra modale a video quando l'utente clicca su un evento che vorrei usare lato server.

Alla fine per la domanda è: come faccio a produrre, lato server, lo stesso comportamente che produce il click su questo pulsante:

<button type="button" class="btn btn-outline-secondary" width="100px" data-bs-toggle="modal" data-bs-target="#myModal">Contatti</button>
 

Answer 5

Ok perfetto, anche io ho avuto questa necessità e ho risolto richiamando tramite codice behind una semplice funzione jquery che mi apre la modale.
Ti scrivo il mio codice.

Funzione Jquery:

<script type="text/javascript">       

        //Modal Bootstrap
        function showModal() {
            $('#DivRicerca').modal("show");
        }

    </script>

Evento click behind:

string script = @"showModal()";
ScriptManager.RegisterClientScriptBlock(this, typeof(Page), UniqueID, script, true);

Spero di esserti stato utile,
eventualmente aggiornaci.

Ciao

---

Paolo Pranzo