4.X Sandbox Components

Version 33

    Dear Community,

     

    Lot's of you ask why this or that component is not included in RichFaces library yet. Some of them are planned and others are already in sandbox, a place where they can be accessed and tested before inclusion into main library.

    All the components marked 3.3.X can be used with both RichFaces 3.3.3.Final and 3.3.4-SNAPSHOT.

     

    Make sure to use default script and style loading strategies.

     

    If the component you need is not yet migrated to 4.x, please request it in it's forum thread instead of this article's comments.

     

    To use sandbox component in you project just add it's JAR to your application. Each sandbox component has it's own namespace, which ususaly it should match the pattern: http://richfaces.org/sandbox/componentName. So i.e. for ImageSelectTool component it would be http://richfaces.org/sandbox/imageSelectTool. If unsure you can inspect component's taglib which is located in components.jar/META-INF/*.taglib.xml.

     

    Example usage:

     

     

    {code:xml}

    <ui:composition xmlns="http://www.w3.org/1999/xhtml"

                            xmlns:ui="http://java.sun.com/jsf/facelets"

                            xmlns:imageSelectTool="http://richfaces.org/sandbox/imageSelectTool"

                            xmlns:rich="http://richfaces.org/rich">

        <rich:panel>

            <imageSelectTool:imageSelectTool id="selector" value="#{profileView.selection}" target="originalPhoto" aspectRatio="1" onselect="crop()"

                                                         backgroundColor="#aaa" backgroundOpacity=".5" rendered="#{not empty profileView.originalPhoto}"/>

        </rich:panel>

    </ui:composition>{code:xml}

     

    Here is a list of RichFaces 4 sandbox components:

     

     

    Syntaxhighlighter

     

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.syntaxhighlighter</groupId>

        <artifactId>syntaxhighlighter-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Rating

     

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.rating</groupId>

        <artifactId>rating-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    ColorPicker

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.colorpicker</groupId>

        <artifactId>colorpicker-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    AccessKeyHelper


    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.accesskeyhelper</groupId>

        <artifactId>accesskeyhelper-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

     

    Carousel

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.carousel</groupId>

        <artifactId>carousel-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Context menu

     

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.contextmenu</groupId>

        <artifactId>contextmenu-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Dashboard

     

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.dashboard</groupId>

        <artifactId>dashboard-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Visualsearch

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.visualsearch</groupId>

        <artifactId>visualsearch-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

     

    Schedule

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>schedule</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    or

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.schedule</groupId>

        <artifactId>schedule-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Notify

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>notify</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    or

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui.notify</groupId>

        <artifactId>notify-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    ImageSelectTool

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>imageSelectTool</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Focus

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>focus</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Watermark

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.watermark</groupId>

        <artifactId>watermark</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    or

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.watermark</groupId>

        <artifactId>watermark-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>

    {code:xml}

    jQueryPlugin

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>jQueryPlugin</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    Lightbox

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>lightbox</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

    or

    {code:xml}<dependency>

        <groupId>org.richfaces.sandbox.ui.lightbox</groupId>

        <artifactId>lightbox-ui</artifactId>

        <version>4.1.0-SNAPSHOT</version>

    </dependency>{code:xml}

    Dock

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>dock</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

     

    Radio

    This currently works only with sun implementation.

    {code:xml}

    <dependency>

        <groupId>org.richfaces.sandbox.ui</groupId>

        <artifactId>radio</artifactId>

        <version>3.3.4-SNAPSHOT</version>

    </dependency>

    {code:xml}

     

    Maven artifacts are kept on Bernard Labno's repository. To use it add following to your settings.xml:

     

    {code:xml}

         <profile>

                <id>lemur</id>

                <repositories>

                    <repository>

                        <id>lemur</id>

                        <url>http://artifactory.it-crowd.com.pl/repo</url>

                        <snapshots>

                            <enabled>true</enabled>

                        </snapshots>

                    </repository>               

                </repositories>

                <pluginRepositories>

                    <pluginRepository>

                        <id>lemur</id>

                        <url>http://artifactory.it-crowd.com.pl/repo</url>

                        <snapshots>

                            <enabled>true</enabled>

                        </snapshots>

                    </pluginRepository>               

                </pluginRepositories>

            </profile>

    {code:xml}