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.1 - 1.6.4

Recently completed

The carousel allows you to display a series of items such as cards for the user to cycle through.

Phone input

This is an internationalized phone input to automatically handle validation of phone numbers based on the format required for the selected country.

Key information microlayout

A common data presentation pattern we’ve seen used is displaying a large number with a small label to call out important information. We have created a component to simplify a standard presentation.

In the works

List builder view switching

We have started work on the new listbuilder functionality which will add the ability to switch between different views. Along with this will come some changes to ancillary actions including filtering and sorting, as well as making the toolbar responsive. This is a large project that is expected to take a couple months to complete, although we will be releasing chunks of functionality as we finish them.

Design guide

Guidelines for content containers and page layouts are in progress and will be added to the site soon.

Completed designs

Full page task UIs

This will allow more space for complex task UIs, and the form will be directly linkable if the user needs to send a specific task to someone.

Form/page action bars

This will standardize the appearance, layout and interactions of action bars between forms and pages (currently there are a few different implementations with very similar functionality).