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 SkyUX versions 1.6.9 - 1.7.1

Recently completed

Definition list

This provides a responsive layout for simple label – value pairs.


The filter component enables a consistent and more scalable filter experience across components, improving on what was previously only available in the Grid component.

Modal - full page

This adds a full page size option for Modals for use with tasks requiring complex UI.



When using paginated Grids you can now optionally choose to show links to jump to the first and last pages of results.


There is now an option to use the new modal Filter component in the grid toolbar. The previous filter control is now deprecated.

There is now an option to use the new Search component in the grid toolbar. The previous search control is now deprecated.

Guideline - Content containers

We added a guideline to assist in choosing the best content container depending on what is being presented.

In the works

List builder

We are continuing with the foundational work to enable list builder view switching. The next piece we are picking up is sorting.


We are working on guidelines for page layouts.

Completed designs

Flyout panel

This will add a container to display additional information related to the content on the page.

Multi-section modal

This will accommodate more complex forms where the content is divided into sections, allowing the user to more quickly find the appropriate content.

Upcoming designs

Inline add/edit

We are looking at inline add/edit to see if there are a set of interactions to standardize on. Currently there are a large number of different implementations across our products.


This will provide a flexible calendar view for displaying event information.