Category : bootstrap-4

initialiseKeySelectModal() { const modal_div = document.createElement("div"); this.setModalAttributes( modal_div, { "class": "modal fade", "id": "keySelectModal", "tabindex": "-1", "role": "dialog", "aria-labelledby": "keySelectModalLabel", "aria-hidden": "true" } ); modal_div.innerHTML = ‘<div class="modal-dialog modal-dialog-centered" role="document" tabindex="-1"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="keySelectModalLabel">’ + Joomla.getOptions(‘set_shorcut_text’) + ‘</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" tabindex="-1"></button> </div> <div class="modal-body"> <div class="p-3"> <p>’ + ..

Read more

I have added navbar button on top of my page. Problem is that when I load my page first time, navbar is expanded by default. Below is my code. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main" aria-controls="navbar-collapse-main" aria-expanded="true" aria-label="toggle navigation"> <div class="collpase navbar-collapse" id="navbar-collapse-main"> // some content here </div> I need to keep navbar collapsed on load ..

Read more