Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 3 down vote favorite

I'm designing a web calendar application. The starting view shows a small-ish calendar with a number of events listed on each day. The calendar cell for today, for example, contains the words "March 10" and "3 Events". When the user clicks on the day, I want some kind of dynamic menu or box to appear with details about those 3 events. I want this "detail view" to be on the same page, overlayed on top of the existing web page elements.

The problem is I'm having a total mental block while trying to decide what that "detail view" menu or box should look like. I'm wondering, does anyone know of any calendars or similar web apps that use this functionality that I could look at to get inspired? I'd appreciate any help. My searches haven't turned up anything.

share|improve this question
1  
I feel like this question is a great point where UI and Graphic Design meet. :p – Johannes Mar 10 '11 at 16:47
@Johannes - Is that good or bad? – Joshua Carmody Mar 10 '11 at 17:44
1  
I think it's good. There's just been some META discussion on a merger going on. – Johannes Mar 10 '11 at 17:50

1 Answer

up vote 3 down vote accepted

Sounds like a div box which hovers on click or when you hover on a link:

see: http://jqueryfordesigners.com/coda-popup-bubbles/ (click on "try demo")

for a person with problems doing this, see also:

http://stackoverflow.com/questions/814377/z-index-css-pop-up-box-and-ie7

The first thought is to use some form of BG image with a little triangle like a cartoon "talk box." The hard part is getting the caret to point to the mouse position/calendar day.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.