DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Searchbar: Color Picker¶

Author:	Christopher
Created:	2010-12-18T19:57:23
Changed:	2012-07-15T19:59:54.080000000
Classification:	searchbar_colorpicker
Description:	The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) ----
Keywords:	searchbar, searchbar_colorpicker
Author:	Sven Jürgens
Email:	t3@blue-side.de
Language:	en

Searchbar: Color Picker¶

Extension Key: searchbar_colorpicker

Language: en

Version: 1.1.0

Keywords: searchbar, searchbar_colorpicker

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.org

Table of Contents¶

`Searchbar: Color Picker 1 <#__RefHeading__5708_1738894311>`_

`Introduction 3 <#__RefHeading__5710_1738894311>`_

What does it do? 3

Credits 3

Screenshots 3

`Users manual 5 <#__RefHeading__467_413120346>`_

`Administration 6 <#__RefHeading__31511_818911409>`_

Introduction¶

What does it do?¶

This is an additional function for ext:searchbar and integrate a HTML5 Color Picker for a given image URL.

Example at http://search.blue-side.de (Add the Search Bar to your browser or try it with the search on the site, have a look at the table for available HotKeys)

Credits¶

Thanks go to the following projects:

Color Picker

http://www.script-tutorials.com/creating-an-html5-canvas-image-color- picker/

Button CSS

http://www.yaml.de

Drag JS

http://threedubmedia.com/code/event/drag/

Color Thief

http://lokeshdhakar.com/color-thief/

“Drop Zone”

http://www.html5rocks.com/en/tutorials/file/dndfiles/

Screenshots¶

Here you see what the extension does: (it's the default image)

Users manual ------------

Install the extension searchbar and create a new searchbar-Item.

For example like this:

Save your item and use it in your Search Bar: f.e: “cp http://typo3.org/typo3conf/ext/t3org_template/i/typo3-logo.png”

Now choose your color :)

Administration¶

There is no administration part.