Skip to content

SEO-178105-JS-dropped-keyword #434

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jan 25, 2024
Merged

SEO-178105-JS-dropped-keyword #434

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
67493fd
SEO-178105-JS-dropped-keyword
Edithabich Dec 4, 2023
5e089f2
comments resolved
Edithabich Dec 5, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions js/ColorPicker/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
layout: post
title: Getting-Started
description: getting started
title: Getting Started with JavaScript Color Picker | Syncfusion
description: Learn here all about getting started with Syncfusion Essential Studio JavaScript Color Picker control, its elements, and more details.
platform: js
control: ColorPicker
documentation: ug
api: /api/js/ejcolorpicker
---

# Getting Started
# Getting Started with JavaScript Color Picker

This section explains briefly about how to create a **ColorPicker** in your application with **JavaScript**. The **Essential JavaScript ColorPicker** control provides you support for selecting the colors in different sources such as palettes, picker or custom palettes. You can also render the color value from control in three formats such as RGB, HSV and HEXCODE.

In this example, you can learn how to customize **ColorPicker** control in a category Application.

![](/js/ColorPicker/Getting-Started_images/Getting-Started_img1.png)
![Getting Started with JavaScript Color Picker.](/js/ColorPicker/Getting-Started_images/javascript-color-picker-getting-started.png)

In the following sections you can learn, How to:

Expand Down Expand Up @@ -79,7 +79,7 @@ Initialize **ColorPicker** element in **<script>** tag.

Run the above code to render the following output.

![](/js/ColorPicker/Getting-Started_images/Getting-Started_img2.png)
![JavaScript Color Picker output.](/js/ColorPicker/Getting-Started_images/javascript-color-picker-output.png)

## Initialize the other widgets

Expand Down Expand Up @@ -245,7 +245,7 @@ Add the following style section to align form fields.

Run the above code to render the following output.

![](/js/ColorPicker/Getting-Started_images/Getting-Started_img3.png)
![JavaScript Color Picker output render.](/js/ColorPicker/Getting-Started_images/javascript-color-picker-output-render.png)

## Add value with Selected Color

Expand Down Expand Up @@ -278,5 +278,5 @@ Initialize the click event for the button element in **<script>** tag.

The following screenshot illustrates the resultant output after you click **Add** button.

![](/js/ColorPicker/Getting-Started_images/Getting-Started_img4.png)
![Javascript Color Picker resultant output.](/js/ColorPicker/Getting-Started_images/javascript-color-picker-resultant-output.png)

0 ...g-Started_images/Getting-Started_img1.png → ...vascript-color-picker-getting-started.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img3.png → ...javascript-color-picker-output-render.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img2.png → ...images/javascript-color-picker-output.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img4.png → ...ascript-color-picker-resultant-output.png
View file
Open in desktop
File renamed without changes