Get pop-up alerts for UIC websites

UIC Web Alerts are popups that can be integrated into UIC websites and will be activated automatically during a campus emergency. Alerts will include a brief summary of the emergency and a link to the UIC homepage.

How it works

During a campus emergency, Public Affairs will post brief web alerts, advising the campus community about the situation. When a visitor arrives on a properly coded web page, a message box will display that states the nature of the emergency and link to the UIC homepage.

When the alert message is minimized, the emergency status page will open in a new browser window. Each subsequent alert will be displayed when it is posted and the information on the emergency status page will be updated.

RAVE-UICAlert

How to integrate alerts into your site

To integrate UIC web alerts into your website, insert a <script> tag immediately before the closing </body> tag on web pages or templates of your site. If there are no active web alerts, pages will function as usual. The popup will appear only when a UIC web alert is sent by Public Affairs or the UIC Police. Sites with a previous implementation of UIC Alerts do not need to be changed since a redirect is in place, but we encourage webmasters to update their websites to keep current.

The tag to insert is:

<script type="text/javascript"
src="//www.uic.edu/apps/web-alert/alert.js"
</script>

 

The code is the same whether your site is served over http or https.

How to test the alerts

You can preview how the web alert will work on your website by inserting a temporary testing <script> tag. This test is functional and behaves exactly like the live version. If you see an alert, it is inserted correctly. If you minimize the alert you will need to clear your cookies to redisplay the message. Be sure to remove or comment out the test tag when you are finished testing.

The test script tag to insert is:

<script type="text/javascript"
src="//www.uic.edu/apps/web-alert/test.js">
</script>

How to customize the positioning

To change the placement of the web alert popup box add the following CSS to your page changing the top and left values to the desired position:

.uic-ewas-alert-box {
top:50px;
left:0px;
}

To change the placement of the emergency minimized box add the following CSS to your page and change the top and right values to the desired position:

.uic-ewas-mini-box {
display: block;
right: 0px;
top: 0px;
}

Contact

If you have any questions about the emergency web alerts, please contact www@uic.edu.

Back to Top