Organization Colors

From Career Pathways Tutorial

(Difference between revisions)
Jump to: navigation, search
(Editing Organization Colors)
Line 6: Line 6:
<b>NOTE</b>: Changes are saved as soon as you see them in the ''Current Colors'' bar.  
<b>NOTE</b>: Changes are saved as soon as you see them in the ''Current Colors'' bar.  
-
====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.
Line 17: Line 17:
-
====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 [[Image:FindColors.png]] 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.
+
* Or, override the default website to search an alternate website for it's colors.
-
* 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 ''find colors'' to the ''current colors'' bar. If the found color already exists, it will not be added again.  
Line 27: Line 27:
-
====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.

Revision as of 01:07, 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 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 Image:FindColors.png to retrieve colors found on your organization's website, automatically supplied in the website field.
  • Or, override the default website to search an alternate website for it's colors.
  • Click and drag the desired color swatch from find 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