From 67493fd22d1a6552c4e1398c5556cae6285df9a0 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Mon, 4 Dec 2023 16:36:37 +0300 Subject: [PATCH 1/2] SEO-178105-JS-dropped-keyword --- js/ColorPicker/Getting-Started.md | 14 +++++++------- ...> javascript-color-picker-getting-started.png} | Bin ... => javascript-color-picker-output-render.png} | Bin ...mg2.png => javascript-color-picker-output.png} | Bin ... javascript-color-picker-resultant-output.png} | Bin js/TreeView/Getting-Started.md | 2 +- 6 files changed, 8 insertions(+), 8 deletions(-) rename js/ColorPicker/Getting-Started_images/{Getting-Started_img1.png => javascript-color-picker-getting-started.png} (100%) rename js/ColorPicker/Getting-Started_images/{Getting-Started_img3.png => javascript-color-picker-output-render.png} (100%) rename js/ColorPicker/Getting-Started_images/{Getting-Started_img2.png => javascript-color-picker-output.png} (100%) rename js/ColorPicker/Getting-Started_images/{Getting-Started_img4.png => javascript-color-picker-resultant-output.png} (100%) diff --git a/js/ColorPicker/Getting-Started.md b/js/ColorPicker/Getting-Started.md index 62fb1d273..1df31484a 100644 --- a/js/ColorPicker/Getting-Started.md +++ b/js/ColorPicker/Getting-Started.md @@ -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 JavaScriptColor 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: @@ -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 @@ -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 @@ -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) diff --git a/js/ColorPicker/Getting-Started_images/Getting-Started_img1.png b/js/ColorPicker/Getting-Started_images/javascript-color-picker-getting-started.png similarity index 100% rename from js/ColorPicker/Getting-Started_images/Getting-Started_img1.png rename to js/ColorPicker/Getting-Started_images/javascript-color-picker-getting-started.png diff --git a/js/ColorPicker/Getting-Started_images/Getting-Started_img3.png b/js/ColorPicker/Getting-Started_images/javascript-color-picker-output-render.png similarity index 100% rename from js/ColorPicker/Getting-Started_images/Getting-Started_img3.png rename to js/ColorPicker/Getting-Started_images/javascript-color-picker-output-render.png diff --git a/js/ColorPicker/Getting-Started_images/Getting-Started_img2.png b/js/ColorPicker/Getting-Started_images/javascript-color-picker-output.png similarity index 100% rename from js/ColorPicker/Getting-Started_images/Getting-Started_img2.png rename to js/ColorPicker/Getting-Started_images/javascript-color-picker-output.png diff --git a/js/ColorPicker/Getting-Started_images/Getting-Started_img4.png b/js/ColorPicker/Getting-Started_images/javascript-color-picker-resultant-output.png similarity index 100% rename from js/ColorPicker/Getting-Started_images/Getting-Started_img4.png rename to js/ColorPicker/Getting-Started_images/javascript-color-picker-resultant-output.png diff --git a/js/TreeView/Getting-Started.md b/js/TreeView/Getting-Started.md index 5600ddfa4..12f322833 100644 --- a/js/TreeView/Getting-Started.md +++ b/js/TreeView/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with JavaScript TreeView Control | Syncfusion -description: Learn here about getting started with Syncfusion Essential Studio JavaScript TreeView control, its elements, and more. +description: Learn here all about getting started with Syncfusion Essential Studio JavaScript TreeView control, its elements, and more details. platform: js control: TreeView documentation: ug From 5e089f26fd883cec1d01ec061db1879d40cf19f7 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Tue, 5 Dec 2023 16:04:15 +0300 Subject: [PATCH 2/2] comments resolved --- js/ColorPicker/Getting-Started.md | 2 +- js/TreeView/Getting-Started.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/js/ColorPicker/Getting-Started.md b/js/ColorPicker/Getting-Started.md index 1df31484a..8fdc8b052 100644 --- a/js/ColorPicker/Getting-Started.md +++ b/js/ColorPicker/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with JavaScript Color Picker | Syncfusion -description: Learn here all about getting started with Syncfusion Essential Studio JavaScriptColor Picker control, its elements, and more details. +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 diff --git a/js/TreeView/Getting-Started.md b/js/TreeView/Getting-Started.md index 12f322833..5600ddfa4 100644 --- a/js/TreeView/Getting-Started.md +++ b/js/TreeView/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with JavaScript TreeView Control | Syncfusion -description: Learn here all about getting started with Syncfusion Essential Studio JavaScript TreeView control, its elements, and more details. +description: Learn here about getting started with Syncfusion Essential Studio JavaScript TreeView control, its elements, and more. platform: js control: TreeView documentation: ug