Adding jQuery UI Controls
I’ve used jQuery UI for many years (http://jqueryui.com) to easily create “skinnable” widgets such as buttons and dialog boxes. When we stood up our SharePoint 2013 environment at the Air Force Academy back in 2015, I created a custom theme matching our colors and put the references to it, the jQuery library itself, and jQuery UI all into the SharePoint master pages. With Office 365, we are getting away from master pages, but we can still take advantage of jQuery UI. Figure 19 shows our sample page. The buttons use the Redmond theme. When the user clicks a button, the corresponding site is shown in a popup window.