Popup

Notes & Solutions for known issues:

Content Block 25 has the modal code

The JavaScript has to go on the HomePage only. Not the Content Block. This stops it from popping up mobile

In the Content Block, under Modal, remove the class 'show'. It should only be class="modal fade". This stops in from popping up on subpages repeatedly.

Source:

https://getbootstrap.com/docs/4.0/components/modal/

Examples:

http://1730.temp.online-access1.com/
http://2036.temp.online-access1.com/

Javascript Code

Pop-Up Code

<div class="d-none d-xl-block">
<a data-toggle="modal" data-target="#exampleModalCenter">
    <div class="popupToggle button-peek" id="sidebutton">
        <img src="/wahelper/GetImage?id=430397" alt="">
    </div>
</a>
</div>

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" 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>
        </div>
        <div class="modal-body">
            <p>Modal body text goes here.</p>
        </div>
    </div>
  </div>
</div>

.modal-content {
border: none;
border-radius: 0rem;
}
.modal {
 position: absolute;   
}
</style>