Thanks to visit codestin.com
Credit goes to github.com

Skip to content

SEO-177700-JS-dropped-keywords #431

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 1 commit into from
Jan 25, 2024
Merged

SEO-177700-JS-dropped-keywords #431

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
10 changes: 5 additions & 5 deletions js/DatePicker/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -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.

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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.

16 changes: 8 additions & 8 deletions js/Menu/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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.

Expand Down
0 ...g-Started_images/Getting-Started_img3.png → ...images/javascript-menu-display-output.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img1.png → ...mages/javascript-menu-getting-started.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img4.png → ..._images/javascript-menu-output-render.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img5.png → ...ges/javascript-menu-output-screenshot.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img2.png → ...d_images/javascript-menu-output-steps.png
View file
Open in desktop
File renamed without changes
12 changes: 6 additions & 6 deletions js/TimePicker/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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)



Expand Down
0 ...g-Started_images/Getting-Started_img6.png → ...ages/javascript-timepicker-create-two.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img2.png → ...d_images/javascript-timepicker-create.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img1.png → ...javascript-timepicker-getting-started.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img4.png → ...images/javascript-timepicker-interval.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img5.png → ..._images/javascript-timepicker-message.png
View file
Open in desktop
File renamed without changes
0 ...g-Started_images/Getting-Started_img3.png → ..._images/javascript-timepicker-min-max.png
View file
Open in desktop
File renamed without changes