Back to all posts
Product

Navigation refresh

Duncan Stockdill · July 3, 2011

We've rolled out an update to the Capsule navigation bar. Along with a fresh look for the icons and styling, the new navigation bar improves the way the navigation elements work.

With ever increasing screen resolutions we wanted a design that took advantage of the available screen space. Over 90% of our users have a screen resolution that exceeds 1024x768. In the previous design the number of recently accessed records that showed across the top was fixed to 5 links. In the new design this section expands and contracts to show as many recently accessed records as you've got space for.

In the previous design the search box sat below the navigation bar in the page header. The new design unifies the search with other navigation links in the navigation bar.

And finally, the "more" menu has been removed and replaced with the name of the logged in user which also acts as a drop down menu to provide links to user preferences, help and logout.

The new design:

New navigation bar - black

As before, the color of the navigation bar is customisable so that you can match Capsule with your brand if you wish. Here's an example in blue:

New navigation bar - blue

The old design for comparison:

Old navigation bar

We've taken advantage of a number of CSS3 features in the new design such as transitions and the usual rounded corners and shadows. To get the full experience be sure to use a browser that supports the latest web standards such as Chrome, Firefox or Safari rather than Internet Explorer.

What to read next

How does a CRM help you manage donations?How does a CRM help you manage donations?

How does a CRM help you manage donations?

Capsule Uncapped: Fall 2024Capsule Uncapped: Fall 2024

Capsule Uncapped: Fall 2024

Introducing Comments: the new way to communicate in CapsuleIntroducing Comments: the new way to communicate in Capsule

Introducing Comments: the new way to communicate in Capsule

Introducing KrispCall: Advanced telephony for CapsuleIntroducing KrispCall: Advanced telephony for Capsule

Introducing KrispCall: Advanced telephony for Capsule