Editing Mer/Documentation/Desktop layout
Warning: You are not logged in.
Your IP address will be recorded in this page's edit history.
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
- | + | == Layout for Hildon Desktop on Mer == | |
- | + | ||
- | + | ||
- | + | ||
- | == Desktop | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
General outline: [http://tabletui.files.wordpress.com/2009/02/task_man_3items1.jpg?w=480&h=640 here] | General outline: [http://tabletui.files.wordpress.com/2009/02/task_man_3items1.jpg?w=480&h=640 here] | ||
- | |||
- | |||
- | |||
- | |||
=== Marquee === | === Marquee === | ||
Line 48: | Line 10: | ||
*Position: Top of screen, disappears in full screen. | *Position: Top of screen, disappears in full screen. | ||
- | + | The following equation must be satisified: 86 + 52 + X * 42 + Y * 42 + 52 = Width of screen | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
==== First element: Application menu button ==== | ==== First element: Application menu button ==== | ||
Line 61: | Line 17: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | ||
- | *Width: | + | *Width: 86px, icon: 48x48 |
*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. | ||
- | *Widget icon: qgn_grid_tasknavigator_others | + | *Widget icon: qgn_grid_tasknavigator_others |
==== Second element: Menu button ==== | ==== Second element: Menu button ==== | ||
- | |||
- | |||
*Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | *Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | ||
- | *Width: | + | *Width: 52px, icon: 48x48 |
*Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button | *Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button | ||
*Implemented by: marquee-plugins, drop-down-menu.c | *Implemented by: marquee-plugins, drop-down-menu.c | ||
- | |||
==== Third element: Quick task switcher ==== | ==== Third element: Quick task switcher ==== | ||
- | |||
- | |||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
- | *Width: | + | *Width: X items of 42px, X > 0, icons 32x32px |
*Description: Shows current application and X others | *Description: Shows current application and X others | ||
==== Fourth element: Status bar ==== | ==== Fourth element: Status bar ==== | ||
- | |||
- | |||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
- | *Width: Y items of | + | *Width: Y items of 42px, Y > 0, icons 32x32px |
*Description: Shows current status bar area | *Description: Shows current status bar area | ||
- | ==== | + | ==== Fifth element: The magic X ==== |
- | + | ||
- | + | ||
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | ||
- | *Width: | + | *Width: 52px, 48x48 px icon |
*Description: The former >>, the switcher menu, shows up when number of applications active > 0 | *Description: The former >>, the switcher menu, shows up when number of applications active > 0 | ||
- | |||
- | |||
- |
Learn more about Contributing to the wiki.