From dd73dfa49d17f0411c64d7ad38ea7ad390757e6e Mon Sep 17 00:00:00 2001 From: Edithabich Date: Tue, 21 Nov 2023 16:42:09 +0300 Subject: [PATCH 1/2] SEO-176838-JS-Dropped-keywords-UG --- js/Button/Getting-Started.md | 15 +++++++-------- ...ed_img4.png => javaScript-button-display.png} | Bin ...mg3.png => javascript-button-application.png} | Bin ...png => javascript-button-getting-started.png} | Bin ...ted_img2.png => javascript-button-output.png} | Bin js/ToggleButton/Getting-Started.md | 12 ++++++------ ...javascript-toggle-button-getting-started.png} | Bin ...g4.png => javascript-toggle-button-label.png} | Bin ...ng => javascript-toggle-button-structure.png} | Bin 9 files changed, 13 insertions(+), 14 deletions(-) rename js/Button/Getting-Started_images/{Getting-Started_img4.png => javaScript-button-display.png} (100%) rename js/Button/Getting-Started_images/{Getting-Started_img3.png => javascript-button-application.png} (100%) rename js/Button/Getting-Started_images/{Getting-Started_img1.png => javascript-button-getting-started.png} (100%) rename js/Button/Getting-Started_images/{Getting-Started_img2.png => javascript-button-output.png} (100%) rename js/ToggleButton/Getting-Started_images/{Getting-Started_img2.png => javascript-toggle-button-getting-started.png} (100%) rename js/ToggleButton/Getting-Started_images/{Getting-Started_img4.png => javascript-toggle-button-label.png} (100%) rename js/ToggleButton/Getting-Started_images/{Getting-Started_img1.png => javascript-toggle-button-structure.png} (100%) diff --git a/js/Button/Getting-Started.md b/js/Button/Getting-Started.md index 1e3f83d16..de97c3fff 100644 --- a/js/Button/Getting-Started.md +++ b/js/Button/Getting-Started.md @@ -1,20 +1,19 @@ --- layout: post -title: Getting-Started -description: getting started -platform: js +title: Getting Started with JavaScript Button Control | Syncfusion +description: Learn here all about getting started with Syncfusion Essential JavaScript Button component, it's elements and more details. control: Button documentation: ug api : /api/js/ejbutton --- -# Getting Started +# Getting Started with JavaScript Button Component This section explains you briefly on how to create a **Button** in your application with **JavaScript**. Essential JavaScript Button helps to display a Button widget within a web page and allows you to Click, Toggle Click, Reset, and Submit. The following example illustrates how to customize Button control in a Media Player and Office Ribbon Application. The following screenshot illustrates the functionality of a Button control in Media Player and Office Ribbon Application. -![](/js/Button/Getting-Started_images/Getting-Started_img1.png) +![Getting Started with JavaScript Button.](/js/Button/Getting-Started_images/javascript-button-getting-started.png) ## Create Button Widget @@ -280,7 +279,7 @@ Add the following function in **<script>** tag. The following screenshot displays the output. -![](/js/Button/Getting-Started_images/Getting-Started_img2.png) +![JavaScript Button getting started output](/js/Button/Getting-Started_images/javascript-button-output.png) ## Create Office Ribbon Control @@ -384,9 +383,9 @@ Add Function Definition from click event to Button function. The following screenshot displays Office Ribbon Application. -![](/js/Button/Getting-Started_images/Getting-Started_img3.png) +![JavaScript Button application.](/js/Button/Getting-Started_images/javascript-button-application.png) The following screenshot displays **Office Ribbon** **Bold** Option. -![](/js/Button/Getting-Started_images/Getting-Started_img4.png) +![JavaScript Button display.](/js/Button/Getting-Started_images/javaScript-button-display.png) diff --git a/js/Button/Getting-Started_images/Getting-Started_img4.png b/js/Button/Getting-Started_images/javaScript-button-display.png similarity index 100% rename from js/Button/Getting-Started_images/Getting-Started_img4.png rename to js/Button/Getting-Started_images/javaScript-button-display.png diff --git a/js/Button/Getting-Started_images/Getting-Started_img3.png b/js/Button/Getting-Started_images/javascript-button-application.png similarity index 100% rename from js/Button/Getting-Started_images/Getting-Started_img3.png rename to js/Button/Getting-Started_images/javascript-button-application.png diff --git a/js/Button/Getting-Started_images/Getting-Started_img1.png b/js/Button/Getting-Started_images/javascript-button-getting-started.png similarity index 100% rename from js/Button/Getting-Started_images/Getting-Started_img1.png rename to js/Button/Getting-Started_images/javascript-button-getting-started.png diff --git a/js/Button/Getting-Started_images/Getting-Started_img2.png b/js/Button/Getting-Started_images/javascript-button-output.png similarity index 100% rename from js/Button/Getting-Started_images/Getting-Started_img2.png rename to js/Button/Getting-Started_images/javascript-button-output.png diff --git a/js/ToggleButton/Getting-Started.md b/js/ToggleButton/Getting-Started.md index ebb7ef6df..aacf8292e 100644 --- a/js/ToggleButton/Getting-Started.md +++ b/js/ToggleButton/Getting-Started.md @@ -1,14 +1,14 @@ --- layout: post -title: Getting-Started -description: getting started +title: Getting Started with JavaScript Toggle Botton Control | Syncfusion +description: Learn here all about getting started with Syncfusion Essential JavaScript Toggle Button component, it's elements and more details. platform: js control: Toggle Button documentation: ug api: /api/js/ejtogglebutton --- -# Getting Started +# Getting Started with JavaScript Toggle Botton Control This section explains briefly about how to create a **Toggle Button** in your application with **JavaScript.** @@ -16,11 +16,11 @@ This section explains briefly about how to create a **Toggle Button** in your ap The HTML checkbox element can be easily configured as **Essential JavaScript Toggle Button** control. The basic rendering of **Essential JavaScript Toggle Button** is achieved by using default functionality. -![](/js/ToggleButton/Getting-Started_images/Getting-Started_img1.png) +![JavaScript Toggle Button structure.](/js/ToggleButton/Getting-Started_images/javascript-toggle-button-structure.png) -![](/js/ToggleButton/Getting-Started_images/Getting-Started_img2.png) +![JavaScript Toggle Button getting started.](/js/ToggleButton/Getting-Started_images/javascript-toggle-button-getting-started.png) @@ -106,7 +106,7 @@ Output of above steps -![](/js/ToggleButton/Getting-Started_images/Getting-Started_img4.png) +![Label element in JavaScript Toggle Button.](/js/ToggleButton/Getting-Started_images/javascript-toggle-button-label.png) diff --git a/js/ToggleButton/Getting-Started_images/Getting-Started_img2.png b/js/ToggleButton/Getting-Started_images/javascript-toggle-button-getting-started.png similarity index 100% rename from js/ToggleButton/Getting-Started_images/Getting-Started_img2.png rename to js/ToggleButton/Getting-Started_images/javascript-toggle-button-getting-started.png diff --git a/js/ToggleButton/Getting-Started_images/Getting-Started_img4.png b/js/ToggleButton/Getting-Started_images/javascript-toggle-button-label.png similarity index 100% rename from js/ToggleButton/Getting-Started_images/Getting-Started_img4.png rename to js/ToggleButton/Getting-Started_images/javascript-toggle-button-label.png diff --git a/js/ToggleButton/Getting-Started_images/Getting-Started_img1.png b/js/ToggleButton/Getting-Started_images/javascript-toggle-button-structure.png similarity index 100% rename from js/ToggleButton/Getting-Started_images/Getting-Started_img1.png rename to js/ToggleButton/Getting-Started_images/javascript-toggle-button-structure.png From 6d19c70b2b5bafeaf46e51b1447f6081e9349967 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Wed, 22 Nov 2023 15:33:36 +0300 Subject: [PATCH 2/2] updated --- js/Button/Getting-Started.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/Button/Getting-Started.md b/js/Button/Getting-Started.md index de97c3fff..527654d2e 100644 --- a/js/Button/Getting-Started.md +++ b/js/Button/Getting-Started.md @@ -7,7 +7,7 @@ documentation: ug api : /api/js/ejbutton --- -# Getting Started with JavaScript Button Component +# Getting Started with JavaScript Button Control This section explains you briefly on how to create a **Button** in your application with **JavaScript**. Essential JavaScript Button helps to display a Button widget within a web page and allows you to Click, Toggle Click, Reset, and Submit. The following example illustrates how to customize Button control in a Media Player and Office Ribbon Application. @@ -279,7 +279,7 @@ Add the following function in **<script>** tag. The following screenshot displays the output. -![JavaScript Button getting started output](/js/Button/Getting-Started_images/javascript-button-output.png) +![JavaScript Button getting started output.](/js/Button/Getting-Started_images/javascript-button-output.png) ## Create Office Ribbon Control