From 9773d0481994b15cd64abf4b4c0a31db033e50d4 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Wed, 6 Dec 2023 17:14:33 +0300 Subject: [PATCH 1/2] SEO-177700-JS-dropped-keywords-issue-fixes --- js/Chart/Getting-Started.md | 16 ++++++++-------- ...arted_img3.png => javascript-chart-axis.png} | Bin ...mg4.png => javascript-chart-data-labels.png} | Bin ...mg5.png => javascript-chart-data-marker.png} | Bin ...arted_img2.png => javascript-chart-data.png} | Bin ...png => javascript-chart-getting-started.png} | Bin ...ted_img6.png => javascript-chart-legend.png} | Bin ...rted_img8.png => javascript-chart-title.png} | Bin ...ed_img7.png => javascript-chart-tooltip.png} | Bin js/DateTimePicker/Getting-Started.md | 14 +++++++------- ...avascript-datetime-picker-functionality.png} | Bin ...cript-datetime-picker-output-screenshot.png} | Bin ...> javascript-datetime-picker-screenshot.PNG} | Bin ...png => javascript-datetime-picker-value.png} | Bin ...ng => javascript-scheduler-mapper-field.png} | Bin js/Schedule/getting-started.md | 4 ++-- 16 files changed, 17 insertions(+), 17 deletions(-) rename js/Chart/Getting-Started_images/{Getting-Started_img3.png => javascript-chart-axis.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img4.png => javascript-chart-data-labels.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img5.png => javascript-chart-data-marker.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img2.png => javascript-chart-data.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img1.png => javascript-chart-getting-started.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img6.png => javascript-chart-legend.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img8.png => javascript-chart-title.png} (100%) rename js/Chart/Getting-Started_images/{Getting-Started_img7.png => javascript-chart-tooltip.png} (100%) rename js/DateTimePicker/Getting-Started_images/{Getting-Started_img1.png => javascript-datetime-picker-functionality.png} (100%) rename js/DateTimePicker/Getting-Started_images/{Getting-Started_img3.png => javascript-datetime-picker-output-screenshot.png} (100%) rename js/DateTimePicker/Getting-Started_images/{Getting-Started_img.PNG => javascript-datetime-picker-screenshot.PNG} (100%) rename js/DateTimePicker/Getting-Started_images/{Getting-Started_img2.png => javascript-datetime-picker-value.png} (100%) rename js/Schedule/Getting-started_images/{Getting-Started_img1.png => javascript-scheduler-mapper-field.png} (100%) diff --git a/js/Chart/Getting-Started.md b/js/Chart/Getting-Started.md index b0d9698b5..5814cbc30 100644 --- a/js/Chart/Getting-Started.md +++ b/js/Chart/Getting-Started.md @@ -76,7 +76,7 @@ Initialize the chart by using the ejChart method. The chart is rendered to the s Now, the Chart is rendered with some auto-generated random values and with default Column chart type. -![JavaScript Chart getting started](Getting-Started_images/Getting-Started_img1.png) +![JavaScript Chart getting started.](Getting-Started_images/javascript-chart-getting-started.png) ## Populate chart with data @@ -143,7 +143,7 @@ Now, map the month and sales values in the data source to the line series by set {% endhighlight %} -![JavaScript Chart Populate chart with data](Getting-Started_images/Getting-Started_img2.png) +![JavaScript Chart Populate chart with data.](Getting-Started_images/javascript-chart-data.png) Since the data is related to sales, format the vertical axis labels by adding ‘$’ as a prefix and ‘K’ as a suffix to each label. This can be achieved by setting the "${value}K" to the [`labelFormat`](../api/ejchart#members:primaryxaxis-labelformat) option of the axis. Here, {value} acts as a placeholder for each axis label, "$" and "K" are the actual prefix and suffix added to each axis label. @@ -165,7 +165,7 @@ The following code example illustrates this, {% endhighlight %} -![JavaScript Chart axis](Getting-Started_images/Getting-Started_img3.png) +![JavaScript Chart axis.](Getting-Started_images/javascript-chart-axis.png) Refer to the [`Axis`](axis) section to know more about axis types, adding multiple axes and other customization options. @@ -197,7 +197,7 @@ The following code example illustrates this, {% endhighlight %} -![JavaScript Chart Add Data Labels](Getting-Started_images/Getting-Started_img4.png) +![JavaScript Chart Add Data Labels.](Getting-Started_images/javascript-chart-data-labels.png) There are situations where the default label content is not sufficient to the user. In this case, you can use the [`template`](../api/ejchart#members:series-marker-datalabel-template) option to format the label content with some additional information. @@ -241,7 +241,7 @@ The following code example shows how to set the id of the above template to [`te {% endhighlight %} -![JavaScript Chart data marker](Getting-Started_images/Getting-Started_img5.png) +![JavaScript Chart data marker.](Getting-Started_images/javascript-chart-data-marker.png) Refer to the [`Data Markers`](Data-Markers.html) section to know more about the options available to customize it. @@ -272,7 +272,7 @@ You can enable or disable the legend by using the [`visible`](../api/ejchart#mem {% endhighlight %} -![JavaScript Chart Enable Legend](Getting-Started_images/Getting-Started_img6.png) +![JavaScript Chart Enable Legend.](Getting-Started_images/javascript-chart-legend.png) Refer to the [`Legend`](Legend.html) section to know more about how to position legend and customize its appearance. @@ -300,7 +300,7 @@ The following code example illustrates this, {% endhighlight %} -![JavaScript Chart Enable Tooltip](Getting-Started_images/Getting-Started_img7.png) +![JavaScript Chart Enable Tooltip.](Getting-Started_images/javascript-chart-tooltip.png) Refer to the [`Tooltip`](user-interactions.html) section to know more about formatting tooltip contents and customizing its appearance. @@ -324,7 +324,7 @@ You need to add a title to the chart to provide quick information to the user ab {% endhighlight %} -![JavaScript Chart Add Chart Title](Getting-Started_images/Getting-Started_img8.png) +![JavaScript Chart Add Chart Title.](Getting-Started_images/javascript-chart-title.png) Refer to the [`Chart Title`](chart-title.html) section to know more about aligning title, customizing its appearance and adding subtitle to the chart. diff --git a/js/Chart/Getting-Started_images/Getting-Started_img3.png b/js/Chart/Getting-Started_images/javascript-chart-axis.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img3.png rename to js/Chart/Getting-Started_images/javascript-chart-axis.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img4.png b/js/Chart/Getting-Started_images/javascript-chart-data-labels.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img4.png rename to js/Chart/Getting-Started_images/javascript-chart-data-labels.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img5.png b/js/Chart/Getting-Started_images/javascript-chart-data-marker.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img5.png rename to js/Chart/Getting-Started_images/javascript-chart-data-marker.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img2.png b/js/Chart/Getting-Started_images/javascript-chart-data.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img2.png rename to js/Chart/Getting-Started_images/javascript-chart-data.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img1.png b/js/Chart/Getting-Started_images/javascript-chart-getting-started.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img1.png rename to js/Chart/Getting-Started_images/javascript-chart-getting-started.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img6.png b/js/Chart/Getting-Started_images/javascript-chart-legend.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img6.png rename to js/Chart/Getting-Started_images/javascript-chart-legend.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img8.png b/js/Chart/Getting-Started_images/javascript-chart-title.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img8.png rename to js/Chart/Getting-Started_images/javascript-chart-title.png diff --git a/js/Chart/Getting-Started_images/Getting-Started_img7.png b/js/Chart/Getting-Started_images/javascript-chart-tooltip.png similarity index 100% rename from js/Chart/Getting-Started_images/Getting-Started_img7.png rename to js/Chart/Getting-Started_images/javascript-chart-tooltip.png diff --git a/js/DateTimePicker/Getting-Started.md b/js/DateTimePicker/Getting-Started.md index 1a2d11b92..06a57a9bb 100644 --- a/js/DateTimePicker/Getting-Started.md +++ b/js/DateTimePicker/Getting-Started.md @@ -1,14 +1,14 @@ --- layout: post -title: Getting-Started -description: getting started +title: Getting Started with JavaScript DateTime Picker | Syncfusion +description: Learn here about getting started with Syncfusion Essential JavaScript DateTime PIcker Control, its elements, and more details. platform: js control: DateTimePicker documentation: ug api: /api/js/ejdatetimepicker --- -# Getting Started +# Getting Started with JavaScript DateTime Picker This section explains briefly about how to create a **DateTimePicker** in your application with **JavaScript**. @@ -18,7 +18,7 @@ The following screenshot illustrates the functionality of a **DateTimePicker** w -![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img1.png) +![JavaScript DateTime Picker getting started.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-functionality.png) ## Create DateTimePicker @@ -107,7 +107,7 @@ Initialize **DateTimePicker** in the script. The following screenshot displays a **DateTimePicker** control. -![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img.png) +![JavaScript DateTime Picker screenshot display.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-screenshot.png) ## Get / Set value @@ -159,7 +159,7 @@ You can assign values after initialization in DateTimePicker (‘it helps to get The following screenshot displays a **DateTimePicker** control with datetime value. -![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img2.png) +![Javascript DateTime Picker datetime value.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-value.png) ## Set the Min and Max Date with Time Interval @@ -183,5 +183,5 @@ In a real-time appointment scenario, the appointment is open only for a limited The following screenshot shows the output for the above code example. -![](/js/DateTimePicker/Getting-Started_images/Getting-Started_img3.png) +![Javascript DateTime Picker output screenshot.](/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-output-screenshot.png) diff --git a/js/DateTimePicker/Getting-Started_images/Getting-Started_img1.png b/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-functionality.png similarity index 100% rename from js/DateTimePicker/Getting-Started_images/Getting-Started_img1.png rename to js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-functionality.png diff --git a/js/DateTimePicker/Getting-Started_images/Getting-Started_img3.png b/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-output-screenshot.png similarity index 100% rename from js/DateTimePicker/Getting-Started_images/Getting-Started_img3.png rename to js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-output-screenshot.png diff --git a/js/DateTimePicker/Getting-Started_images/Getting-Started_img.PNG b/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-screenshot.PNG similarity index 100% rename from js/DateTimePicker/Getting-Started_images/Getting-Started_img.PNG rename to js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-screenshot.PNG diff --git a/js/DateTimePicker/Getting-Started_images/Getting-Started_img2.png b/js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-value.png similarity index 100% rename from js/DateTimePicker/Getting-Started_images/Getting-Started_img2.png rename to js/DateTimePicker/Getting-Started_images/javascript-datetime-picker-value.png diff --git a/js/Schedule/Getting-started_images/Getting-Started_img1.png b/js/Schedule/Getting-started_images/javascript-scheduler-mapper-field.png similarity index 100% rename from js/Schedule/Getting-started_images/Getting-Started_img1.png rename to js/Schedule/Getting-started_images/javascript-scheduler-mapper-field.png diff --git a/js/Schedule/getting-started.md b/js/Schedule/getting-started.md index 305fa0923..be811fe8e 100644 --- a/js/Schedule/getting-started.md +++ b/js/Schedule/getting-started.md @@ -1,5 +1,5 @@ --- -title: Getting started with JavaScript Schedule Control | Syncfusion +title: Getting Started with JavaScript Schedule Control | Syncfusion description: Learn here about getting started with Syncfusion Essential JavaScript Schedule Control, its elements, and more. platform: js control: schedule @@ -193,6 +193,6 @@ $(function() { // Document is ready {% endhighlight %} -![JavaScript Schedule Mapper Fields](Getting-Started_images/Getting-Started_img1.png) +![JavaScript Schedule Mapper Fields.](Getting-Started_images/javascript-scheduler-mapper-field.png) From e13dbee27e045f729aca16da64bbe7a7eee99cc3 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Tue, 19 Dec 2023 17:01:20 +0300 Subject: [PATCH 2/2] Update Getting-Started.md --- js/DateTimePicker/Getting-Started.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/DateTimePicker/Getting-Started.md b/js/DateTimePicker/Getting-Started.md index 06a57a9bb..1e918c0fe 100644 --- a/js/DateTimePicker/Getting-Started.md +++ b/js/DateTimePicker/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with JavaScript DateTime Picker | Syncfusion -description: Learn here about getting started with Syncfusion Essential JavaScript DateTime PIcker Control, its elements, and more details. +title: Getting Started with JavaScript DateTime Picker Control | Syncfusion +description: Learn here about getting started with Syncfusion Essential JavaScript DateTime Picker control, its elements, and more details. platform: js control: DateTimePicker documentation: ug