Disclaimer: Blackbaud provides programming examples for illustration only without warranty either expressed or implied including but not limited to the implied warranties of merchantability and/or fitness for a particular purpose. This article assumes you are familiar with HTML/CSS/JavaScript and the tools used to create and modify this code. Blackbaud Customer Support may help explain where the code should live in the product, but we will not modify or assist you with modifying or troubleshooting these examples. If you want assistance with implementing or troubleshooting the code, please contact your account manager to discuss a billable services engagement.

A script can be utilized to detect the browser version and to alert donors to older browsers. 

The script can be placed in a Unformatted Text part on your Blackbaud NetCommunity page(s) by following these steps:
 
  1. Log into Blackbaud NetCommunity with a supervisor account
  2. Navigate to the page where you'd like to place the script
  3. Click into a content pane and select New part
  4. In the Part type field, click on the binoculars and select Unformatted text
  5. Assign a part name and click Next
  6. In the editor, paste the script
  7. Check the box for Show advanced options
  8. From the drop-down, select In the <head> tag
  9. Press Save

Below is example script developed by Blackbaud which detects the browser and alerts the donor if the browser is out of date:
<div id="dialog" class="BBFieldCaption" style="display: none;" title="Important Notice">
<p><strong>Your browser or operating system is out of date</strong></p>
<p>In order for us to process your payment securely, you must ensure that your operating system and browser is upgraded to the latest version. Checking that your operating system and browser are fully up-to-date is the best way to protect your payment and guarantee it is processed safely. You can find a full list of compatible browsers and operating systems <a href="https://www.blackbaud.com/security/pci-compliance/upgrade/os-browsers">here</a>.</p>
</div>
<p>
<script type="text/javascript">// <![CDATA[
var userAgent = window.navigator.userAgent.toLowerCase();
            var userAgentVersion;
            var supportForTLS = true;
            if(userAgent.indexOf('firefox/') > -1){ //firefox
                userAgentVersion = Number(userAgent.split('firefox/')[1].split('.')[0]);
                if (userAgentVersion < 27) {supportForTLS=false;}
            } else if (userAgent.indexOf('applewebkit/') > -1){ //chrome, edge and safari
                userAgentVersion = Number(userAgent.split('applewebkit/')[1].split('.')[0]);
                if (userAgentVersion < 537) {supportForTLS=false;}
            } else if (userAgent.indexOf('opera/') > -1){ //opera
                userAgentVersion = Number(userAgent.split('opera/')[1].split('.')[0]);
                if (userAgentVersion < 14) {supportForTLS=false;}
            } else {
                 userAgentVersion = ieVersion();//Internet explorer
                 if (userAgentVersion < 11 || userAgentVersion == null) { supportForTLS = false; }
            }

            function ieVersion() {
                var msie = userAgent.indexOf('msie ');
                if (msie > 0) {
                    // IE 10 or older => return version number
                    return parseInt(userAgent.substring(msie + 5, userAgent.indexOf('.', msie)), 10);
                }
                if (userAgent.indexOf("trident/7.0") > 0)  //11
                    return 11;
                else if (userAgent.indexOf("trident/6.0") > 0) //10
                    return 10;
                else if (userAgent.indexOf("trident/5.0") > 0) //9
                    return 9;
                else
                    return null;  // not IE9, 10 or 11
                }
            
		if(!supportForTLS) {	
		  $( "#dialog" ).dialog(); 
                };
// ]]></script>
</p>