Warning: We no longer develop features for this version of SKY UX, and we recommend that you use the latest version instead. This site describes the AngularJS (1.x) implementation of the SKY UX framework. We still support this version, but it is in maintenance mode. For more information, see developer.blackbaud.com/skyux.

Design-oriented updates in SKY UX versions 1.5.0 - 1.5.9

Recently completed

Page summary

We have begun to create layout directives to streamline the design and development of features using core SKY UX layout patterns. The first of these is the Page Summary.


We wrapped the Bootstrap Alert component to simplify making alerts dismissible and follow SKY UX styling.


This allows for uploading and displaying an image to identify a record.


We created a standard layout and styling for error messaging. Now that this core piece is in place we can create a set of standard content for common error types.

Date-range picker

We extended this control to allow a “Specific date range” option in cases where the predefined date ranges are insufficient.


There were some elements that were not visually differentiated when in their focused state. These were given a visual differentiation to help with usability overall, but particularly with keyboard interaction.

  • Checkbox and radio button
  • Context menu button
  • Tile header icon buttons

In the works


We are adding some new functionality to the Checklist control:

  • Single-select mode
  • Standard launcher control
  • Standard selected-item view


There is some cleanup work going on around file sizes and error handling.

Recently approved designs

Reorderable lists

Allows the user to manually reorder a list.

Card layout

Standardized layout for Cards.

Listbuilder view switcher

Allow the user to switch between different views in a listbuilder.

Listbuilder card view

Card-based view for listbuilder.