Create a JSColor picker input widget

Description

Creates a JSColor (Javascript/HTML Color Picker) widget to be used in shiny applications.

Usage

jscolorInput(inputId, label, value, position = "bottom",
  color = "transparent", mode = "HSV", slider = TRUE, close = FALSE)

Arguments

See Also

Other input.elements: animationOptions, sliderInput; checkboxGroupInput; checkboxInput; dateInput; dateRangeInput; fileInput; numericInput; passwordInput; radioButtons; selectInput, selectizeInput; submitButton; textInput

Examples

# html code
jscolorInput("col", "Color", "21BF6B", slider = FALSE)

# example app
## Not run: 
shinyApp(
ui = fluidPage(
  jscolorInput(inputId = "col", label = "JSColor Picker",
               value = "21BF6B", position = "right",
               mode = "HVS", close = TRUE),
  plotOutput("plot")
),
server = function(input, output) {
  output$plot <- renderPlot({
    plot(cars, col = input$col, cex = 2, pch = 16)
 })
})

## End(Not run)

Results

R version 3.3.1 (2016-06-21) -- "Bug in Your Hair"
Copyright (C) 2016 The R Foundation for Statistical Computing
Platform: x86_64-pc-linux-gnu (64-bit)

R is free software and comes with ABSOLUTELY NO WARRANTY.
You are welcome to redistribute it under certain conditions.
Type 'license()' or 'licence()' for distribution details.

R is a collaborative project with many contributors.
Type 'contributors()' for more information and
'citation()' on how to cite R or R packages in publications.

Type 'demo()' for some demos, 'help()' for on-line help, or
'help.start()' for an HTML browser interface to help.
Type 'q()' to quit R.

> library(RLumShiny)
> png(filename="/home/ddbj/snapshot/RGM3/R_CC/result/RLumShiny/jscolorInput.Rd_%03d_medium.png", width=480, height=480)
> ### Name: jscolorInput
> ### Title: Create a JSColor picker input widget
> ### Aliases: jscolorInput
> 
> ### ** Examples
> 
> # html code
> jscolorInput("col", "Color", "21BF6B", slider = FALSE)
<p>Color</p>
<input id="col" value="21BF6B" class="color {hash:true, pickerPosition:&#39;bottom&#39;, pickerBorderColor:&#39;transparent&#39;, pickerFaceColor:&#39;transparent&#39;, pickerMode:&#39;HSV&#39;, slider:false, pickerClosable:false} shiny-bound-input" onchange="$(&#39;#col&#39;).trigger(&#39;afterChange&#39;)"/>
<script>$('#col').trigger('afterChange')</script>
> 
> # example app
> ## Not run: 
> ##D shinyApp(
> ##D ui = fluidPage(
> ##D   jscolorInput(inputId = "col", label = "JSColor Picker",
> ##D                value = "21BF6B", position = "right",
> ##D                mode = "HVS", close = TRUE),
> ##D   plotOutput("plot")
> ##D ),
> ##D server = function(input, output) {
> ##D   output$plot <- renderPlot({
> ##D     plot(cars, col = input$col, cex = 2, pch = 16)
> ##D  })
> ##D })
> ## End(Not run)
> 
> 
> 
> 
> 
> dev.off()
null device 
          1 
>