Organization Colors

From Career Pathways Tutorial

(Difference between revisions)
Jump to: navigation, search
(Delete or Reassign Colors)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
-
''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:'' http://oregon.ctepathways.org
+
{{BrowserNotice}}
 +
__FORCETOC__
-
==Editing Colors==
 
-
*Click <b>Organization Colors</b> from the side navigation menu to add and edit your organization's color palette.
+
==Editing Organization Colors==
-
<b>NOTE</b>: Changes are saved as soon as you see them in the ''Current Colors'' bar.  
+
 
 +
* Click <b>Organization Colors</b> from the side navigation menu to edit your organization's color palette.
 +
* 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.
+
* Default colors to all color pallets are: <b>dark grey (#333333)</b> and <b>white (#ffffff)</b>.
 +
: [[Image:CurrentColors-2010.png]]
-
: [[Image:CurrentColors.png]]
+
* Beneath each color is a number. This number identifies how many Roadmap drawings contain that unique color.
 +
* Hover your mouse over a color swatch to read the hexadecimal number of that color.
 +
===Delete or Reassign Colors===
 +
''Users with access to this feature now update colors used in existing roadmaps by replacing an existing color with a new color.''
-
''<b>WARNING</b>: Deleting colors that are in use will cause objects which use that color to appear default grey.''
+
* Changes are saved automatically.
 +
* Colors that are not default to the Web Tool can be deleted by clicking the small <b>"x"</b> in the upper-right corner of the swatch.
 +
* If a color has the number "0" beneath it, it will be deleted instantly. It is not in use.
 +
* If a color has a number other than "0" beneath it, it is in use by that many Roadmap drawings. A pop-up window will appear allowing you to reassign the color to another color <b>in the current colors pallet</b>.
 +
* If the color you want to reassign to is NOT in the pallet, click <b>"x"</b> in the upper-right corner of the pop-up window and use [[#Find Colors|Find Colors]] or the [[#Color Picker|Color Picker]] to drag-and-drop add a new color to the color pallet.
 +
: [[Image:ReassignColor.png]]
===Find Colors===
===Find Colors===
-
* Click [[Image:FindColors.png]] to retrieve colors found on your organization's website, automatically supplied in the website field.
+
* Click [[Image:FindColorsButton.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.
* 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.  
+
* 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]]
: [[Image:FindColors.png]]
-
 
-
 
===Color Picker===
===Color Picker===
Line 32: Line 43:
** 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.
 +
** If the found color already exists, it will not be added again.
: [[Image:ColorPicker.png]]
: [[Image:ColorPicker.png]]

Current revision as of 07:34, 23 March 2010

Due to browser compatibility issues, please use the latest version of Google Chrome or FireFox when using the Career Pathways Roadmap Web Tool.


Contents

Editing Organization Colors

  • Click Organization Colors from the side navigation menu to edit your organization's color palette.
  • 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.
  • Default colors to all color pallets are: dark grey (#333333) and white (#ffffff).
Image:CurrentColors-2010.png
  • Beneath each color is a number. This number identifies how many Roadmap drawings contain that unique color.
  • Hover your mouse over a color swatch to read the hexadecimal number of that color.

Delete or Reassign Colors

Users with access to this feature now update colors used in existing roadmaps by replacing an existing color with a new color.

  • Changes are saved automatically.
  • Colors that are not default to the Web Tool can be deleted by clicking the small "x" in the upper-right corner of the swatch.
  • If a color has the number "0" beneath it, it will be deleted instantly. It is not in use.
  • If a color has a number other than "0" beneath it, it is in use by that many Roadmap drawings. A pop-up window will appear allowing you to reassign the color to another color in the current colors pallet.
  • If the color you want to reassign to is NOT in the pallet, click "x" in the upper-right corner of the pop-up window and use Find Colors or the Color Picker to drag-and-drop add a new color to the color pallet.
Image:ReassignColor.png

Find Colors

  • Click Image:FindColorsButton.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.
    • If the found color already exists, it will not be added again.


Image:ColorPicker.png