diff --git a/js/Button/Getting-Started.md b/js/Button/Getting-Started.md index 1e3f83d16..527654d2e 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 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. 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