Calendar:View Switch Toolbar: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
= View Switch Toolbar Specification=
= Mode Switch Toolbar Concept=


{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"


|- align="left"
|- align="left"
| colspan="2" bgcolor="#cccccc"  | '''Specification Status'''  
| colspan="2" bgcolor="#cccccc"  | '''Concept Status'''  
|-
|-
|-
|-
| width="150" | '''Author''' || Christian Jansen
| width="150" | '''Author''' || Christian Jansen
|-
|-
| width="150" | '''Last Change''' || 08:27, 13 March 2007 (PDT)
| width="150" | '''Last Change''' || 05:00, 13 July 2007 (PDT)
|-
|-
| width="150" | '''Status''' || Preliminary
| width="150" | '''Status''' || Preliminary
Line 22: Line 22:


* Test Case Specification
* Test Case Specification
* [[Calendar:Calendar_Mode_Invitation_handling|Invitations]]
* [[Calendar:Improving_the_Calendar_Views|Improving the Calendar Views]]
* [[Calendar:Convertion_of_E-Mails_Tasks_and_Events|Convertion of E-Mails, Tasks and Events]]


= Detailed Specification =
= Mode Switch =
* ToolBar (Mode Bar) to View Toolbar
* Extend "Customize Toolbar" By Toolbar List Drop down
* Extend Customize Toolbar by Location Drop down (Top, Bottom)


The View Switch Toolbar allows users to toggle between different views.
'''Toolbar Design'''
Namely:
* By default docked in the lower left corner
* Mail
* Large Icons & Text
* Calendar
'''Item Order'''
* Task
* 10px space, Mail, Calendar, Tasks, Flexible Space


By default the View Switch Toolbar is located in the lower left corner of
[[Image:Mode-toolbar-dimensions.png]]
Thunderbird.


== Customization ==
= Badges=  
The View Switch Toolbar offers a set of customization features, which can be reached by context click on the panel. The context click calls a context menu. The context menu contains the item:
Toolbar items can display an information badge. These badges are used to inform about N new:
 
* Mails,
=== View Switch Toolbar Context Menu  ===
* Calendar, or
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
* Tasks
|-
| width="200"  bgcolor="#dddddd" | '''Item''' || bgcolor="#dddddd" | '''Usage'''
|-
|
* EN: ~Customize...
* GER: ~Anpassen...
| Opens the "Customize Toolbar" Dialog
|-
|}
 
[[Image:Customize-switch-view-toolbar.png]]
 
=== "Customize Toolbar" Dialog  ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
|-
| '''Type:'''
| Window, Modeless
|-
| '''Title:'''
|
* EN: Customize Toolbar
* GER: Symbolleiste anpassen
|-
|}
 
 
=== 1. "Show" Drop Down List Box  ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
|-
| '''Max. Visible Rows:'''
| All
|-
| '''Item Selected'''
| "Icon and Text", "Symbole und Text"
|-
| '''Items'''
|
Icons and Text, Symbole und Text
Icons, Symbole
Text, Text
|-
| '''Label EN-US:'''
| ~Show:
|-
| '''Label Ger:'''
| ~Zeigen:
|-
|}
 
=== 2. "Use Small Icons" Checkbox  ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
|-
| '''Enabled:'''
| Yes
|-
| '''Default:'''
| Unchecked
|-
| '''Attributes:'''
| ; If unchecked :
* Icons are displayed in 36px x 36px
; If checked :
 
* Icons are displayed in 20px x 20px
|-
| '''EN-US:'''
| Use Small ~Icons
|-
| '''Ger:'''
| Kleine ~Symbole
|-
|}
 
 
=== 3. "Toolbar position" Drop Down List Box  ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
|-
| '''Max. Visible Rows:'''
| All
|-
| '''Item Selected'''
| "Bottom", "Unten"
|-
| '''Items'''
|
Bottom, Unten
Top, Oben
|-
| '''EN-US:'''
| ~Show Toolbar at:
|-
| '''Ger:'''
| ~Zeige Symbolleiste:
|-
|}
 
=== 4. "Done" Button ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
|-
| '''On Click:'''
| Closes Dialog
|-
| '''EN-US:'''
| ~Done
|-
| '''Ger:'''
| ~Fertig
|-
|}


[[Image:Mode-switch-badges.png]]


=== Keyboard Access ===
= Menu Integration=
Mode Toolbar location: <br>
'''View -> Toolbars'''
Mail Toolbar    (Display in: Mail Mode)
Calendar Toolbar (Display in: Calendar Mode)
Tasks Toolbar    (Display in: Tasks Mode)
Mode Toolbar    (Display in: Mail Mode, Calendar Mode, Task Mode)
Status Toolbar  (Display in: Mail Mode, Calendar Mode, Task Mode)
----------------
Customize...    (Display in: Mail Mode, Calendar Mode, Task Mode)

Latest revision as of 11:35, 8 August 2007

Mode Switch Toolbar Concept

Concept Status
Author Christian Jansen
Last Change 05:00, 13 July 2007 (PDT)
Status Preliminary



References

Mode Switch

  • ToolBar (Mode Bar) to View Toolbar
  • Extend "Customize Toolbar" By Toolbar List Drop down
  • Extend Customize Toolbar by Location Drop down (Top, Bottom)

Toolbar Design

  • By default docked in the lower left corner
  • Large Icons & Text

Item Order

  • 10px space, Mail, Calendar, Tasks, Flexible Space

Mode-toolbar-dimensions.png

Badges

Toolbar items can display an information badge. These badges are used to inform about N new:

  • Mails,
  • Calendar, or
  • Tasks

Mode-switch-badges.png

Menu Integration

Mode Toolbar location:
View -> Toolbars 

Mail Toolbar     (Display in: Mail Mode)
Calendar Toolbar (Display in: Calendar Mode)
Tasks Toolbar    (Display in: Tasks Mode)
Mode Toolbar     (Display in: Mail Mode, Calendar Mode, Task Mode)
Status Toolbar   (Display in: Mail Mode, Calendar Mode, Task Mode)
----------------
Customize...     (Display in: Mail Mode, Calendar Mode, Task Mode)
Retrieved from "https://wiki.allizom.org/index.php?title=Calendar:View_Switch_Toolbar&oldid=64858"