Mer/Documentation/Desktop layout
(New page: == Layout for Hildon Desktop on Mer == === Marquee === *Height: 52px, Width: As wide as the screen === First element: Application menu === *Example: http://www.daimi.au.dk/~cvm/mer-app...) |
|||
Line 5: | Line 5: | ||
*Height: 52px, Width: As wide as the screen | *Height: 52px, Width: As wide as the screen | ||
- | === First element: Application menu === | + | === First element: Application menu button === |
*Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | ||
*Width: 86px | *Width: 86px | ||
*Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu. | *Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu. | ||
+ | |||
+ | === Second element: Menu button === | ||
+ | |||
+ | *Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | ||
+ | *Width: 52px | ||
+ | *Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button | ||
+ | |||
+ | === Third element: Quick task switcher === | ||
+ | |||
+ | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
+ | *Width: X items of 42px, X > 0, icons 32x32px | ||
+ | *Description: Shows current application and X others | ||
+ | |||
+ | === Fourth element: Status bar === | ||
+ | |||
+ | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
+ | *Width: Y items of 42px, Y > 0, icons 32x32px | ||
+ | *Description: Shows current status bar area | ||
+ | |||
+ | === Fifth element: The magic X === | ||
+ | |||
+ | *Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | ||
+ | *Width: 52px | ||
+ | *Description: The former >>, the switcher menu |
Revision as of 16:16, 8 March 2009
Contents |
Layout for Hildon Desktop on Mer
Marquee
- Height: 52px, Width: As wide as the screen
First element: Application menu button
- Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png
- Width: 86px
- Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu.
Second element: Menu button
- Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png
- Width: 52px
- Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button
Third element: Quick task switcher
- Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
- Width: X items of 42px, X > 0, icons 32x32px
- Description: Shows current application and X others
Fourth element: Status bar
- Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
- Width: Y items of 42px, Y > 0, icons 32x32px
- Description: Shows current status bar area
Fifth element: The magic X
- Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
- Width: 52px
- Description: The former >>, the switcher menu