User:Billw58/Templates and Spans

From Audacity Development Manual
< User:Billw58
Revision as of 21:41, 7 May 2012 by Billw58 (talk | contribs) (respond to Ed's notes)
Jump to: navigation, search
  • Bill: 01May12
    • Previous discussion archived on the Talk page
    • "Box" divs/templates updated per consensus to date.
    • This page is now for tweaking the text highlight colours
  • Bill 06May12: If there are no strong objections, on May 8 I will:
    • Change the menu template to #4
    • Create a "menugray" template for use in alert templates
      • Or alternatively a "menulight" (light orange - #2 or #3) for use in alert templates
    • Change the shortcut template to gray bordered

Alternative "Menu" span/template colours:

In the previous discussion, #2 was chosen as the new menu highlight colour. It does not work well in the advice template.

  1. Click on Effect >Amplify #FFFFCC previous colour
  2. Click on Effect >Amplify #FFEEAA Steve +0.5; Gale +1; Peter +1
  3. Click on Effect >Amplify #FFEECC Bill +1
  4. Click on Effect >Amplify #FFDDAA Steve +1

The current colour in the various boxes:

When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
Advice When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
Alert When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.

Choice #3 in an alert box:

Alert When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.

Choice #4 in the various boxes:

See File > Check Dependencies for more information.

When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
Advice When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
Alert When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.

Not so good - it disappears in the alert template.

What about grey? If we use boxed grey for the shortcuts perhaps unboxed grey for menus would work.

See File > Check Dependencies for more information.

When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
Advice When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.
Alert When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in Import / Export Preferences never move, rename or delete that file unless you first copy it into the Audacity project. See File > Check Dependencies for more information.

Not so good - #DDD disappears in the intro div and #CCC is too dark. Would we ever use the menu template in an intro div?

Wiki has a "menugrey" template for use inside boxes. We could get around this conundrum by using "menugrey" in an alert div, and the darker orange everywhere else.

divs and templates with default spans and templates

Ed 6May12: note that putting a span with a class in a template seems broken but as Bill points out is not:
Bill 07May12: The problem was that the text in the template contains the "=" sign. Preceding the text with "1=" or wrapping the text in "nowiki" tags will fix it.

  • (no leading equal sign)
{{{1}}}
  • (with leading 1=)
This is a default intro template with a menu as a span: File > Check Dependencies...

add line of text between boxes

This is a default intro template with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

This is a default intro div with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

This is a default note template with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

This is a default note div with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

Advice This is a default advice template with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

This is a default advice div with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

Alert This is a default alert template with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

add line of text between boxes

This is a default alert div with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

note that there is no "editornote" template: Template:Editornote add line of text between boxes

This is a default editornote div with a menu link using double-square bracket notation (no span nor template): Check Dependencies..., as a template: File > Check Dependencies... and as a span: File > Check Dependencies.... This is a key template: <ALT + SHIFT + a>. These are some of the button templates: Export...; selected radio button Ask User; MP3 files  menu dropdown. This is a shortcut template: <ENTER> and a shortcut span: <ENTER>.

To visualize vertical spacing I have insured that there are no blank lines between divs, templates and text lines.

  • Ed 6May12: I believe that the vertical (above & below) spacing needs attention--it should be consistent across boxes (and I think consistent between above & below).
    • Bill06May12: Gale asked for extra space below the intro div, and I think that's OK. All others are consistent.
  • Ed 6May12: I believe that the green background currently used for "intro" should be swapped with the blue currently used for "note"; this will give the desired "traffic light" green (note), yellow (advice) and red (alert) with blue as odd-man-out for intro.
    • Bill 06May12: The intro is currently blue and the note is currently green.
  • Ed 6May12: I do not believe that we need to be too concerned about the various template and span colors as they appear in an editornote div (or template when we get one).
    • Bill 06May12: Agreed.
  • Ed 7May12: since we have the "!" icon and "STOP" icon, maybe we should use the "i (info = italic)" icon too; thus all three traffic lights will have icons but the intro will not.
    • Bill 06May12: I'll create a "noteicon" template so we can see how it looks.

The "Shortcut" span

In the previous discussion, #1 below was chosen as the new shorcut highlight colour. It does not work well in the note template.

  1. Press CTRL + A. Gale +1; Steve +1; Bill -0.5, Peter +1
  2. Press CTRL + A. Gale -1, Peter -1
  3. Press CTRL + A. Steve +1; Bill +0.5; Gale -1, Peter -1
  4. Press CTRL + A. Gale +1
  5. Press CTRL + A. Bill +1 (changing my vote)
  6. Press CTRL + A. Or Gale +1 for this key span also

The current colour in a note template:

Press CTRL + A.

I can see a case to returning to the grey highlight:

Press CTRL + A

Press CTRL + A.
Press CTRL + A.
Advice Press CTRL + A.
Alert Press CTRL + A.

I can also see a case for boxing them:

Press CTRL + A.
Press CTRL + A.
Advice Press CTRL + A.
Alert Press CTRL + A.

The kbrd template

There is still some concern that the kbrd template may not be visible enough in some of the boxes. Here's how it looks now.

Press the Enter key.
Press the Enter key.
Advice Press the Enter key.
Alert Press the Enter key.