How to add a button to the bottom of every page

Below is a sample script for adding buttons to multiple pages, which you may find useful if you plan on adding similar functionality to your own intranet. Please note: this script is not officially supported by Interact and may not work "out-of-the-box" for your organization without additional review and amends from your development team

The script

 $(document).ready(function() {
      var customModal = $('<div class="custom-modal modal fade" tabindex="-1" role="dialog" aria-hidden="true">' +
        '<div class="modal-header">' +
        '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>' +
        '<h3>Interact 7.9.8 Release is now on WorkLife</h3>' +
        '</div>' +
        '<div class="modal-body" style="padding:20px">' +
        '<p><strong>Interact 7.9.8 Release is now on WorkLife, This release contains customer bug fixes - Release Notes will follow shortly</strong></p>' +
        '</div>' +
        '<div class="modal-footer">' +
        '<button class="btn" data-dismiss="modal">Close</button>' +
        '</div>' +

      $('<div/>', {
          'id': 'myDiv',
          'text': 'Interact 7.9.8 Release is now on WorkLife'
        .on('click', function() {
          'font-family': 'arial',
          'position': 'fixed',
          'bottom': '0',
          'background-color': '#32cbeb',
          'color': 'black',
          'font-weight': 'bold',
          'cursor': 'pointer',
          'border-radius': '10px 10px 0 0',
          'right': '10px',
          'padding': '10px 15px 5px',

The script here simply creates a div that houses the button, appends it to the body of the page, setting its position to the bottom right of the screen. It then adds an on click handler such that clicking on it shows a small modal dialog with some further details.

The button

When the script is added the button looks like this...

And clicking on the blue button at the bottom of the page gives this...