Merge pull request #435 from syncfusion-content/SEO-177700-JS-dropped-keywords-issue-fixes

SEO-177700-JS-dropped-keywords-issue-fixes

Author: Aishwarya-Ganesan

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.

js/Chart/Getting-Started_images/Getting-Started_img3.png renamed to js/Chart/Getting-Started_images/javascript-chart-axis.png

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: Getting-Started
-description: getting started
+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
 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)
 

js/Chart/Getting-Started_images/Getting-Started_img4.png renamed to js/Chart/Getting-Started_images/javascript-chart-data-labels.png

@@ -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)