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

Second element: Menu button

Third element: Quick task switcher

Fourth element: Status bar

Fifth element: The magic X