Project SilverLight 1.1 – Prototype – Part 17 – Top Drop Menu, Title & Status Bar


Sub Heading 4

The 3 remaining controls are all being tackled in this post. It’s actually a very boring post as these 3 remaining controls are very simple, saying that they still play an important part in the final look of iTunes.

Here are the three controls and how i’ve created them

1) top “main dropdown menu” control – i’ve used the “HoverMenuExtender”, which is an ajax controltoolkit control for this.

Here’s iTunes version of the “drop down menu”

 iTunes menu real

Here’s the wireframes version of the “drop down menu”

iTunes menu wire

2) top “title” control – this is a simple html control

Here’s iTunes version of the “title”

iTunes title original

Here’s the wireframes version of the “title”

iTunes title main

3) bottom “status bar” control – again this is going to be a simple html control

Here’s iTunes version of the “status bar”

iTunes status bar 1

Here’s the wireframes version of the “status bar”

iTunes status bar 2

Below is the wireframe with all 3 above mentioned controls added..

iTunes with all controls

Ok that is all the major GUI controls done. It does look very similar to iTunes, man i can’t wait to start wireing them up. That won’t happen for atleast another week (as mentioned in my previous post i still have a few things to complete before development begins)

If you want to see the sample page go here (MetallicGrey or Wooden)

Of if you feel like downloading the full sample here’s the zip (JF000015.ZIP-1.9MB) the entry point is the page JF000015.ASPX

I’ll catch you soon!

4 responses to “Project SilverLight 1.1 – Prototype – Part 17 – Top Drop Menu, Title & Status Bar

  1. Can’t get sample, regards.

  2. sorry.. updated the links so they now point to codeplex.. moved source code from my server to hosted server!

  3. Cool blog! Is your theme custom made or did
    you download it from somewhere? A design like yours with a few simple tweeks would
    really make my blog shine. Please let me know where you got your design.
    Appreciate it

  4. There is no elevator that helps you to be successful You have to start from the stairs

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s