From 5e4e2dfd125a5e2d0125fa0da48d31ac69c34735 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Wed, 29 Nov 2023 17:09:42 +0300 Subject: [PATCH] SEO-177700-JS-dropped-keywords --- js/DatePicker/Getting-Started.md | 10 +++++----- js/Menu/Getting-Started.md | 16 ++++++++-------- ...3.png => javascript-menu-display-output.png} | Bin ....png => javascript-menu-getting-started.png} | Bin ...g4.png => javascript-menu-output-render.png} | Bin ...ng => javascript-menu-output-screenshot.png} | Bin ...mg2.png => javascript-menu-output-steps.png} | Bin js/TimePicker/Getting-Started.md | 12 ++++++------ ...png => javascript-timepicker-create-two.png} | Bin ...mg2.png => javascript-timepicker-create.png} | Bin ...> javascript-timepicker-getting-started.png} | Bin ...4.png => javascript-timepicker-interval.png} | Bin ...g5.png => javascript-timepicker-message.png} | Bin ...g3.png => javascript-timepicker-min-max.png} | Bin 14 files changed, 19 insertions(+), 19 deletions(-) rename js/Menu/Getting-Started_images/{Getting-Started_img3.png => javascript-menu-display-output.png} (100%) rename js/Menu/Getting-Started_images/{Getting-Started_img1.png => javascript-menu-getting-started.png} (100%) rename js/Menu/Getting-Started_images/{Getting-Started_img4.png => javascript-menu-output-render.png} (100%) rename js/Menu/Getting-Started_images/{Getting-Started_img5.png => javascript-menu-output-screenshot.png} (100%) rename js/Menu/Getting-Started_images/{Getting-Started_img2.png => javascript-menu-output-steps.png} (100%) rename js/TimePicker/Getting-Started_images/{Getting-Started_img6.png => javascript-timepicker-create-two.png} (100%) rename js/TimePicker/Getting-Started_images/{Getting-Started_img2.png => javascript-timepicker-create.png} (100%) rename js/TimePicker/Getting-Started_images/{Getting-Started_img1.png => javascript-timepicker-getting-started.png} (100%) rename js/TimePicker/Getting-Started_images/{Getting-Started_img4.png => javascript-timepicker-interval.png} (100%) rename js/TimePicker/Getting-Started_images/{Getting-Started_img5.png => javascript-timepicker-message.png} (100%) rename js/TimePicker/Getting-Started_images/{Getting-Started_img3.png => javascript-timepicker-min-max.png} (100%) diff --git a/js/DatePicker/Getting-Started.md b/js/DatePicker/Getting-Started.md index 444817239..1296ce0dc 100644 --- a/js/DatePicker/Getting-Started.md +++ b/js/DatePicker/Getting-Started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting started with JavaScript DatePicker Control | Syncfusion +title: Getting Started with JavaScript DatePicker Control | Syncfusion description: Learn here about getting started with Syncfusion JavaScript DatePicker control, its elements, and more. platform: js control: DatePicker @@ -15,11 +15,11 @@ To get start with [DatePicker](https://www.syncfusion.com/javascript-ui-controls CSS file -* [ej.web.all.min.css](http://cdn.syncfusion.com/{{ site.releaseversion }}/js/web/flat-azure/ej.web.all.min.css) – includes all widgets styles (To know more about theme refer [Theming in Essential JavaScript Component](https://help.syncfusion.com/js/theming-in-essential-javascript-components#)) +* [ej.web.all.min.css](http://cdn.syncfusion.com/{{ site.releaseversion }}/js/web/flat-azure/ej.web.all.min.css) – includes all widgets styles (To know more about theme refer [Theming in Essential JavaScript Component](https://help.syncfusion.com/js/theming-in-essential-javascript-components)) External script files -* [jQuery](http://jquery.com/#) (from the version 1.7.1 to 3.1.0) +* [jQuery](https://jquery.com/) (from the version 1.7.1 to 3.1.0) N> From V13.4.0.53 onwards, jQuery.globalize.min.js file has been replaced with our script file ej.globalize.min.js to support the globalization for our widgets. For version lower than 13.4.0.53, refer jQuery.globalize.min.js. jQuery.easing external dependency has been removed from version 14.3.0.49 onwards. Kindly include this jQuery.easing dependency for versions lesser than 14.3.0.49 in order to support animation effects. @@ -50,7 +50,7 @@ You can make use of ‘ej.web.all.min.js’ file which encapsulates all ‘ej’ * [ej.web.all.min.js](http://cdn.syncfusion.com/{{ site.releaseversion }}/js/web/ej.web.all.min.js) – includes all web widgets. -N> In production, we highly recommend you to use our [custom script generator](https://help.syncfusion.com/js/custom-script-generator#) to create custom script file with required controls and its dependencies only. Also to reduce the file size further please use [GZip compression](https://web.dev/optimizing-content-efficiency-optimize-encoding-and-transfer/?hl=en#text-compression-with-gzip) in your server. +N> In production, we highly recommend you to use our [custom script generator](https://help.syncfusion.com/js/custom-script-generator) to create custom script file with required controls and its dependencies only. Also to reduce the file size further please use [GZip compression](https://web.dev/optimizing-content-efficiency-optimize-encoding-and-transfer/?hl=en#text-compression-with-gzip) in your server. A simple HTML file with required CSS and script reference added to create DatePicker @@ -168,5 +168,5 @@ You can assign values after initialization in DatePicker (‘it helps to get or {% endhighlight %} -N> Existing DatePicker instance can be created by [jQuery.data()](http://api.jquery.com/jQuery.data/#) and you can control the API’s of DatePicker behavior. +N> Existing DatePicker instance can be created by [jQuery.data()](https://api.jquery.com/jQuery.data/) and you can control the API’s of DatePicker behavior. diff --git a/js/Menu/Getting-Started.md b/js/Menu/Getting-Started.md index 81b0c2cc9..03834bf8b 100644 --- a/js/Menu/Getting-Started.md +++ b/js/Menu/Getting-Started.md @@ -1,19 +1,19 @@ --- layout: post -title: Getting-Started -description: getting started +title: Getting Started with JavaScript Menu Control | Syncfusion +description: Learn here all about getting started with Syncfusion Essential JavaScript Menu component, it's elements and more details. platform: js control: Menu documentation: ug api: /api/js/ejmenu --- -# Getting Started +# Getting Started with JavaScript Menu Control This section explains briefly about how to create a **Menu** control in your application with **JavaScript**. The **Essential JavaScript** **Menu** supports displaying a **Menu** of list-out items. This **Menu** is based on ul-li hierarchy, where the sub-list items are rendered as the sub-menu items. The **Menu** control can also be rendered with local and remote data source. From the following guidelines, you can learn how to customize the **Menu** control for a website. In this case, **Syncfusion's** website **Menu** is discussed. The following screenshot displays the appearance of **Menu**. -![](/js/Menu/Getting-Started_images/Getting-Started_img1.png) +![Getting Started with JavaScript Menu.](/js/Menu/Getting-Started_images/javascript-menu-getting-started.png) ## Create a Menu @@ -76,7 +76,7 @@ Initialize the **Menu** control in <script> tag. Output of the above steps. -![](/js/Menu/Getting-Started_images/Getting-Started_img2.png) +![JavaScript Menu output steps.](/js/Menu/Getting-Started_images/javascript-menu-output-steps.png) ## Configure parent Menu items @@ -105,7 +105,7 @@ Every **Menu** has a list of **Menu** items with list of sub level **Menu** item The following screenshot displays output. -![](/js/Menu/Getting-Started_images/Getting-Started_img3.png) +![JavaScript Menu display output.](/js/Menu/Getting-Started_images/javascript-menu-display-output.png) ## Initialize sub-level Menu items @@ -155,7 +155,7 @@ Execute the above code example to render the following output. -![](/js/Menu/Getting-Started_images/Getting-Started_img4.png) +![JavaScript Menu output render.](/js/Menu/Getting-Started_images/javascript-menu-output-render.png) ## Define multiple level Menu items @@ -209,7 +209,7 @@ The following screenshot is the output. -![](/js/Menu/Getting-Started_images/Getting-Started_img5.png) +![JavaScript Menu output screenshot.](/js/Menu/Getting-Started_images/javascript-menu-output-screenshot.png) By following the above mentioned steps, you can render the **Menu** control with multiple level sub items through online data source. You can simply customize the **Menu** widget in an efficient manner. diff --git a/js/Menu/Getting-Started_images/Getting-Started_img3.png b/js/Menu/Getting-Started_images/javascript-menu-display-output.png similarity index 100% rename from js/Menu/Getting-Started_images/Getting-Started_img3.png rename to js/Menu/Getting-Started_images/javascript-menu-display-output.png diff --git a/js/Menu/Getting-Started_images/Getting-Started_img1.png b/js/Menu/Getting-Started_images/javascript-menu-getting-started.png similarity index 100% rename from js/Menu/Getting-Started_images/Getting-Started_img1.png rename to js/Menu/Getting-Started_images/javascript-menu-getting-started.png diff --git a/js/Menu/Getting-Started_images/Getting-Started_img4.png b/js/Menu/Getting-Started_images/javascript-menu-output-render.png similarity index 100% rename from js/Menu/Getting-Started_images/Getting-Started_img4.png rename to js/Menu/Getting-Started_images/javascript-menu-output-render.png diff --git a/js/Menu/Getting-Started_images/Getting-Started_img5.png b/js/Menu/Getting-Started_images/javascript-menu-output-screenshot.png similarity index 100% rename from js/Menu/Getting-Started_images/Getting-Started_img5.png rename to js/Menu/Getting-Started_images/javascript-menu-output-screenshot.png diff --git a/js/Menu/Getting-Started_images/Getting-Started_img2.png b/js/Menu/Getting-Started_images/javascript-menu-output-steps.png similarity index 100% rename from js/Menu/Getting-Started_images/Getting-Started_img2.png rename to js/Menu/Getting-Started_images/javascript-menu-output-steps.png diff --git a/js/TimePicker/Getting-Started.md b/js/TimePicker/Getting-Started.md index 08d3c39d4..b4893e8a7 100644 --- a/js/TimePicker/Getting-Started.md +++ b/js/TimePicker/Getting-Started.md @@ -14,7 +14,7 @@ This section explains briefly about how to create a **TimePicker** in your appli The following screenshot illustrates the functionality of a **TimePicker** with a time range of morning to evening. You can select a time to book a table, from a period of 9.00 AM to 6.00 PM for the current day. This avoids selecting a time prior to the morning. -![JavaScript TimePicker Getting Started](Getting-Started_images/Getting-Started_img1.png) +![JavaScript TimePicker getting started.](Getting-Started_images/javascript-timepicker-getting-started.png) ## Create a TimePicker @@ -136,7 +136,7 @@ Add the following styles to show **Time Picker** control. The following screenshot displays a **TimePicker** control. -![JavaScript TimePicker Create a TimePicker](Getting-Started_images/Getting-Started_img2.png) +![JavaScript TimePicker Create a TimePicker.](Getting-Started_images/javascript-timepicker-create.png) ## Set the Min and Max Values @@ -169,7 +169,7 @@ In a real-time hotel table booking scenario, the booking is open only for a limi The above code example displays the following output. -![JavaScript TimePicker Set the Min and Max Values](Getting-Started_images/Getting-Started_img3.png) +![JavaScript TimePicker Set the Min and Max Values.](Getting-Started_images/javascript-timepicker-min-max.png) ## Set Time Interval @@ -206,7 +206,7 @@ Execute the above code to achieve the desired result. You can select the date an -![JavaScript TimePicker Set Time Interval](Getting-Started_images/Getting-Started_img4.png) +![JavaScript TimePicker Set Time Interval.](Getting-Started_images/javascript-timepicker-interval.png) ## Display the Acknowledgment Message @@ -248,7 +248,7 @@ The following code example shows how to display the **acknowledgment message**. The following screenshot displays the **acknowledgment message**. -![JavaScript TimePicker Display the Acknowledgment Message](Getting-Started_images/Getting-Started_img5.png) +![JavaScript TimePicker Display the Acknowledgment Message.](Getting-Started_images/javascript-timepicker-message.png) ## Create Two TimePickers @@ -356,7 +356,7 @@ Initialize **Two TimePickers** using the following code example. Execute the above code to achieve the desired result. By selecting the **Start Time** in the first **TimePicker**, you can select the End Time within the given range. This restricts you from selecting false time. This scenario is illustrated in the following screenshot. -![JavaScript TimePicker Create Two TimePickers](Getting-Started_images/Getting-Started_img6.png) +![JavaScript TimePicker Create Two TimePickers.](Getting-Started_images/javascript-timepicker-create-two.png) diff --git a/js/TimePicker/Getting-Started_images/Getting-Started_img6.png b/js/TimePicker/Getting-Started_images/javascript-timepicker-create-two.png similarity index 100% rename from js/TimePicker/Getting-Started_images/Getting-Started_img6.png rename to js/TimePicker/Getting-Started_images/javascript-timepicker-create-two.png diff --git a/js/TimePicker/Getting-Started_images/Getting-Started_img2.png b/js/TimePicker/Getting-Started_images/javascript-timepicker-create.png similarity index 100% rename from js/TimePicker/Getting-Started_images/Getting-Started_img2.png rename to js/TimePicker/Getting-Started_images/javascript-timepicker-create.png diff --git a/js/TimePicker/Getting-Started_images/Getting-Started_img1.png b/js/TimePicker/Getting-Started_images/javascript-timepicker-getting-started.png similarity index 100% rename from js/TimePicker/Getting-Started_images/Getting-Started_img1.png rename to js/TimePicker/Getting-Started_images/javascript-timepicker-getting-started.png diff --git a/js/TimePicker/Getting-Started_images/Getting-Started_img4.png b/js/TimePicker/Getting-Started_images/javascript-timepicker-interval.png similarity index 100% rename from js/TimePicker/Getting-Started_images/Getting-Started_img4.png rename to js/TimePicker/Getting-Started_images/javascript-timepicker-interval.png diff --git a/js/TimePicker/Getting-Started_images/Getting-Started_img5.png b/js/TimePicker/Getting-Started_images/javascript-timepicker-message.png similarity index 100% rename from js/TimePicker/Getting-Started_images/Getting-Started_img5.png rename to js/TimePicker/Getting-Started_images/javascript-timepicker-message.png diff --git a/js/TimePicker/Getting-Started_images/Getting-Started_img3.png b/js/TimePicker/Getting-Started_images/javascript-timepicker-min-max.png similarity index 100% rename from js/TimePicker/Getting-Started_images/Getting-Started_img3.png rename to js/TimePicker/Getting-Started_images/javascript-timepicker-min-max.png