logo

Flex: Status Bar Component (Lotus Notes style)

Most things I create with Flex are applications and all applications should have a status bar, no? So I've been working on a couple of variations on the theme.

Here's a very simple demo. Press the buttons and a message is shown at the bottom for a set amount of time - highlighted yellow - before the status bar returns to showing its default message.

Ultra simple. But then some of the best things are. The source for the above demo is here.

Taking it one step further I wanted to keep a history of messages displayed and display these in a popup. Lotus Notes users will be used to the idea of this UI element.

In the example below messages have different background colours depending on the message type and display until a newer message comes along. Clicking on the status bar displays older messages. Clicking the popup closes it.

A little more advanced than the first demo, but still simple in concept. The source for the demo is here. In this demo the status bar is a component - the source for which is here.

Taking it Further

As with most things I post here this came about because I wanted to add one to an app I'm working on.

Chances are I'll take it further at some point. Perhaps I'll add timestamps. Maybe a way to customize the colours used. Maybe a way to limit the number of historical messages stored.

Comments

  1. Agreed - simple is good and this is nice and basic. Nice touch.

  2. Jake,

    Very nice.

  3. Awesome simple component. Thanks. I was playing with it and noticed when I click the up / down arrow on the scroller to move the list one line at a time it closed the popup. Any idea how to capture the scroller up / down buttons so it doesn't close the window?

    Thanks again!

      • avatar
      • Jaken Howlett
      • Sun 12 Dec 2010 03:22 AM

      Doh. Didn't think of that. Will investigate a fix. Probably the mousedown event listener needs to be on the list itself.

Your Comments

Name:
E-mail:
(optional)
Website:
(optional)
Comment:


About This Page

Written by Jake Howlett on Wed 8 Dec 2010

Share This Page

# ( ) '

Comments

The most recent comments added:

Skip to the comments or add your own.

You can subscribe to an individual RSS feed of comments on this entry.

Let's Get Social


About This Website

CodeStore is all about web development. Concentrating on Lotus Domino, ASP.NET, Flex, SharePoint and all things internet.

Your host is Jake Howlett who runs his own web development company called Rockall Design and is always on the lookout for new and interesting work to do.

You can find me on Twitter and on Linked In.

Read more about this site »

More Content