Organization Colors

From Career Pathways Tutorial

(Difference between revisions)
Jump to: navigation, search
(New page: ''Due to cross-browser issues, please use the <b>latest version of [http://www.mozilla.com/firefox/ FireFox]</b> or <b>Internet Explorer 7</b> when working in the Career Pathways Web Tool:...)
Line 7: Line 7:
====Current Colors====
====Current Colors====
-
:* <b>Current Colors</b> displays thumbnails of color swatches currently selected for your organization.  
+
* <b>Current Colors</b> displays thumbnails of color swatches currently selected for your organization.  
-
:* Colors that are not default to the Web Tool can be deleted from ''Current Colors'' by clicking the small <b>"x"</b> in the upper-right corner of the swatch.
+
* Colors that are not default to the Web Tool can be deleted from ''Current Colors'' by clicking the small <b>"x"</b> in the upper-right corner of the swatch.
-
:: [[Image:CurrentColors.png]]
 
-
: <b>WARNING</b>: Deleting colors that are in use will cause objects which use that color to appear default grey.
+
: [[Image:CurrentColors.png]]
 +
 
 +
 
 +
''<b>WARNING</b>: Deleting colors that are in use will cause objects which use that color to appear default grey.''
====Find Colors====
====Find Colors====
-
:* Click the <b>Find Colors</b> button to retrieve colors found on your organization's website, automatically supplied in the website field.
+
* Click the <b>Find Colors</b> button to retrieve colors found on your organization's website, automatically supplied in the website field.
-
:** You can temporarily supply and search an alternate website here.
+
** You can temporarily supply and search an alternate website here.
-
:* Click and drag the desired color swatch from ''found colors'' to the ''current colors'' bar. If the found color already exists, it will not be added again.  
+
* Click and drag the desired color swatch from ''found colors'' to the ''current colors'' bar. If the found color already exists, it will not be added again.  
 +
 
 +
 
 +
: [[Image:FindColors.png]]
-
:: [[Image:FindColors.png]]
 
====Color Picker====
====Color Picker====
-
:* Use the <b>Color Picker</b> to dynamically scroll through color options, moving your cursor on the color board to change color values.  
+
* Use the <b>Color Picker</b> to dynamically scroll through color options, moving your cursor on the color board to change color values.  
-
:** Or provide a hexadecimal color code in the <b>"#"</b> field box, such as "2E4D94" or "333399", and tab or click anywhere outside the field box to accept the code.
+
** Or provide a hexadecimal color code in the <b>"#"</b> field box, such as "2E4D94" or "333399", and tab or click anywhere outside the field box to accept the code.
-
:** Or provide an <b>"RGB"</b> color code in the corresponding R, G, B fields.
+
** Or provide an <b>"RGB"</b> color code in the corresponding R, G, B fields.
-
:* Click and drag the desired color swatch from the ''color picker'' box to the ''current colors'' bar.
+
* Click and drag the desired color swatch from the ''color picker'' box to the ''current colors'' bar.
 +
 
-
:: [[Image:ColorPicker.png]]
+
: [[Image:ColorPicker.png]]

Revision as of 01:04, 16 April 2009

Due to cross-browser issues, please use the latest version of FireFox or Internet Explorer 7 when working in the Career Pathways Web Tool: http://oregon.ctepathways.org

Contents

Editing Organization Colors

  • Click Organization Colors from the side navigation menu to add and edit your organization's color palette.

NOTE: Changes are saved as soon as you see them in the Current Colors bar.

Current Colors

  • Current Colors displays thumbnails of color swatches currently selected for your organization.
  • Colors that are not default to the Web Tool can be deleted from Current Colors by clicking the small "x" in the upper-right corner of the swatch.


Image:CurrentColors.png


WARNING: Deleting colors that are in use will cause objects which use that color to appear default grey.


Find Colors

  • Click the Find Colors button to retrieve colors found on your organization's website, automatically supplied in the website field.
    • You can temporarily supply and search an alternate website here.
  • Click and drag the desired color swatch from found colors to the current colors bar. If the found color already exists, it will not be added again.


Image:FindColors.png


Color Picker

  • Use the Color Picker to dynamically scroll through color options, moving your cursor on the color board to change color values.
    • Or provide a hexadecimal color code in the "#" field box, such as "2E4D94" or "333399", and tab or click anywhere outside the field box to accept the code.
    • Or provide an "RGB" color code in the corresponding R, G, B fields.
  • Click and drag the desired color swatch from the color picker box to the current colors bar.


Image:ColorPicker.png