Using dojo color picker

**Tit4Tat** · 30-07-2009

hi,

I want to know about the dojo color picker tool. Has anyone used it in your CForm? I have seen it but really don't have the proper way to use it.
Please give some information about the tool & how to use it?

Thanks in advance.

**Jkbaseball** · 30-07-2009

I think you need to go through this article for the dojo color picker toolkit.
here its explained in detail & I hope this helps you with your doubts.
http://www.dojotoolkit.org/forum/doj...et-colorpicker

**grudge** · 30-07-2009

Java Sources

Code:

package wicket.contrib.dojo.examples;

import wicket.PageParameters;
import wicket.contrib.dojo.markup.html.form.DojoColorPicker;
import wicket.markup.html.WebPage;
import wicket.markup.html.form.Form;
import wicket.model.Model;

public class ColorPickerShower extends WebPage {

    private String color;

    public ColorPickerShower(PageParameters parameters){

        color = "FF4554";

        Form form = new Form("form");

        DojoColorPicker colorPicker = new DojoColorPicker("colorPicker", new Model(color));
        form.add(colorPicker);

        this.add(form);

    }
}

DojoColorPicker as all others picker (DojoTimePicker and DojoDatePicker) accept toggle via setToggle method

Html Sources

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Untitled Document</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <style type="text/css">
        </style>
    </head>

<body>
     <form wicket:id="form">
            <input wicket:id="colorPicker" type="text"></input>

        <input value="Submit" name="Submit" type="submit" />
    </form>
</body>
</html>

**Janus** · 30-07-2009

Dojo Color Picker

ColorPicker: The dojox.widget.ColorPicker widget that allows user to select a color
(in hexa format). This is a form component

code:

Code:

<html>
<head>
<title>Color Picker Example</title>

  <style type="text/css">
    @import "../dijit/themes/soria/soria.css";
    @import "/resources/dojo.css";
    @import "../dojox/widget/ColorPicker/ColorPicker.css";

  </style>

  <script type="text/javascript" src="dojo.js" djConfig="parseOnLoad: true"></script>

  <script type="text/javascript">
    dojo.require("dojox.widget.ColorPicker");
    dojo.require("dojo.parser");
  
  </script>
</head>

<body class="soria">
    <b>Please select the color:</b>
    <div id="colorPicker" dojoType="dojox.widget.ColorPicker"></div>

</body>
</html>