HBS.ColorPickerFormComponent.Kentico.MVC 12.29.5

Form component that allows you to select or paste a color using pickr.

Install-Package HBS.ColorPickerFormComponent.Kentico.MVC -Version 12.29.5
dotnet add package HBS.ColorPickerFormComponent.Kentico.MVC --version 12.29.5
<PackageReference Include="HBS.ColorPickerFormComponent.Kentico.MVC" Version="12.29.5" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add HBS.ColorPickerFormComponent.Kentico.MVC --version 12.29.5
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: HBS.ColorPickerFormComponent.Kentico.MVC, 12.29.5"
For F# scripts that support #r syntax, copy this into the source code to reference the package.

ColorPickerFormComponent

This FormComponent will allow you to add the color picker from https://github.com/Simonwep/pickr to your widget and section properties for easy color selection.

Instructions

Example use

[EditingComponent(ColorPickerComponent.IDENTIFIER, Order = 29, Label = "{$HBS.Section.StylizedBoostrap.SectionBackground$}", Tooltip = "{$HBS.Section.StylizedBoostrap.SectionBackgroundTooltip$}")]
[EditingComponentProperty(nameof(ColorPickerComponentProperties.DefaultValue), "#FFFFFF")]
[EditingComponentProperty(nameof(ColorPickerComponentProperties.Placeholder), "rgba(---,---,---,0-1)")]
public string SectionBackground { get; set; }

example image

ColorPickerFormComponent

This FormComponent will allow you to add the color picker from https://github.com/Simonwep/pickr to your widget and section properties for easy color selection.

Instructions

Example use

[EditingComponent(ColorPickerComponent.IDENTIFIER, Order = 29, Label = "{$HBS.Section.StylizedBoostrap.SectionBackground$}", Tooltip = "{$HBS.Section.StylizedBoostrap.SectionBackgroundTooltip$}")]
[EditingComponentProperty(nameof(ColorPickerComponentProperties.DefaultValue), "#FFFFFF")]
[EditingComponentProperty(nameof(ColorPickerComponentProperties.Placeholder), "rgba(---,---,---,0-1)")]
public string SectionBackground { get; set; }

example image

Release Notes

12.29.5
removed the .min suffix that was stopping the css files from being inluded on the nuget package.
12.29.3
Added the important clause to the z-index to overwrite the vendor z-index.
12.29.2
Fixed issue with the javascript function not being correctly formed.
12.29.1
Initial publish

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
12.29.5 2,276 10/11/2019
12.29.4 275 8/21/2019
12.29.3 189 8/21/2019
12.29.2 173 8/21/2019
12.29.1 180 8/21/2019