From 3c6917571fc7b99dd1191b60575ae36ccc06b7e4 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 12 May 2022 17:06:22 +0530 Subject: [PATCH 1/4] SEO-2190_Site_Audit_Issues --- ReactJS/Chart/Printing.md | 10 ++++---- ReactJS/Chart/Trendlines.md | 28 ++++++++++----------- ReactJS/NavigationDrawer/getting-started.md | 6 ++--- ReactJS/Ribbon/Application-Tab.md | 10 ++++---- 4 files changed, 27 insertions(+), 27 deletions(-) diff --git a/ReactJS/Chart/Printing.md b/ReactJS/Chart/Printing.md index 08f7b832..95af8c5e 100644 --- a/ReactJS/Chart/Printing.md +++ b/ReactJS/Chart/Printing.md @@ -1,14 +1,14 @@ --- layout: post -title: Print in Essential JavaScript Chart -description: Learn how to print the chart. +title: Printing in ReactJS Chart Control | Syncfusion +description: Learn here about printing support in Syncfusion Essential ReactJS Chart Control, its elements, features, and more. platform: js control: Chart documentation: ug api : /api/js/ejchart --- -# Printing Chart +# Printing in ReactJS Chart The rendered chart can be printed directly from the browser by calling the public method [`print`](../api/ejchart#methods:print). ID of the chart div element must be passed as argument to that method. {% highlight html %} @@ -40,7 +40,7 @@ ReactDOM.render( This print method can be called by performing any action on the web page. For example, by clicking a button. While calling the print method in chart, print preview will be displayed in the browser. -![](/js/Chart/Printing_images/Printing_img1.png) +![ReactJS Chart printing](/js/Chart/Printing_images/Printing_img1.png) [Click](http://js.syncfusion.com/demos/web/#!/bootstrap/chart/exportandprint) here to view the Printing chart online demo sample @@ -78,7 +78,7 @@ function print() { The Print preview of multiple Charts is shown below -![](/js/Chart/Printing_images/Printing_img2.png) +![ReactJS Chart Printing Multiple chart](/js/Chart/Printing_images/Printing_img2.png) ## Page Setup diff --git a/ReactJS/Chart/Trendlines.md b/ReactJS/Chart/Trendlines.md index 6aa59c02..e3033a5e 100644 --- a/ReactJS/Chart/Trendlines.md +++ b/ReactJS/Chart/Trendlines.md @@ -1,14 +1,14 @@ --- layout: post -title: Trendlines in Essential JavaScript Chart -description: What are the different types of trendlines available in chart. +title: Trendlines in ReactJS Chart Control | Syncfusion +description: Learn here about Trendlines support in Syncfusion Essential ReactJS Chart Control, its elements, and more. platform: js control: Chart documentation: ug api : /api/js/ejchart --- -# Trendlines +# Trendlines in ReactJS Chart EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatter, Area, Candle, HiLo etc.)* except bar type series. You can add more than one trendline object to the [`trendlines`](../api/ejchart#members:series-trendlines) option. @@ -35,7 +35,7 @@ EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatte {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img1.png) +![ReactJS Chart Trendlines](/js/Chart/Trendlines_images/Trendlines_img1.png) [Click](http://js.syncfusion.com/demos/web/#!/azure/chart/trendlines) here to view the Trendlines online demo sample. @@ -69,7 +69,7 @@ A trendline can be customized by using the properties such as [`fill`](../api/ej {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img2.png) +![ReactJS Chart Customize the trendline styles](/js/Chart/Trendlines_images/Trendlines_img2.png) @@ -111,7 +111,7 @@ To render Linear Trendline, you have to set the [`type`](../api/ejchart#members: {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img3.png) +![ReactJS Chart Linear Trendline](/js/Chart/Trendlines_images/Trendlines_img3.png) ### Exponential @@ -141,7 +141,7 @@ Exponential Trendline can be rendered by setting the [`type`](../api/ejchart#mem {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img4.png) +![ReactJS Chart Exponential](/js/Chart/Trendlines_images/Trendlines_img4.png) ### Logarithmic @@ -171,7 +171,7 @@ Logarithmic Trendline can be rendered by setting the [`type`](../api/ejchart#mem {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img5.png) +![ReactJS Chart Logarithmic](/js/Chart/Trendlines_images/Trendlines_img5.png) ### Power @@ -201,7 +201,7 @@ Power Trendline can be rendered by setting the [`type`](../api/ejchart#members:s {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img6.png) +![ReactJS Chart Trendlines Power](/js/Chart/Trendlines_images/Trendlines_img6.png) ### Polynomial @@ -231,7 +231,7 @@ Polynomial Trendline can be rendered by setting the trendline [`type`](../api/ej {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img7.png) +![ReactJS Chart Polynomial](/js/Chart/Trendlines_images/Trendlines_img7.png) @@ -262,7 +262,7 @@ MovingAverage Trendline can be rendered by setting the [`type`](../api/ejchart#m {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img8.png) +![ReactJS Chart MovingAverage](/js/Chart/Trendlines_images/Trendlines_img8.png) ## Forecasting @@ -299,7 +299,7 @@ The value set for [`forwardForecast`](../api/ejchart#members:series-trendlines-f {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img9.png) +![ReactJS Chart Forward Forecasting](/js/Chart/Trendlines_images/Trendlines_img9.png) @@ -331,7 +331,7 @@ The value set for the [`backwardForecast`](../api/ejchart#members:series-trendli {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img10.png) +![ReactJS Chart Backward Forecasting](/js/Chart/Trendlines_images/Trendlines_img10.png) ## Trendlines Legend @@ -362,4 +362,4 @@ To display the legend item for trendline, use the [`name`](../api/ejchart#member {% endhighlight %} -![](/js/Chart/Trendlines_images/Trendlines_img11.png) +![ReactJS Chart Trendlines Legend](/js/Chart/Trendlines_images/Trendlines_img11.png) diff --git a/ReactJS/NavigationDrawer/getting-started.md b/ReactJS/NavigationDrawer/getting-started.md index 6919e789..360a1140 100644 --- a/ReactJS/NavigationDrawer/getting-started.md +++ b/ReactJS/NavigationDrawer/getting-started.md @@ -1,13 +1,13 @@ --- layout: post -title: Syncfusion Navigation Drawer Getting Started -description: getting started +title: Getting Started with ReactJS Navigation Drawer Control | Syncfusion +description: Learn here about getting started with Syncfusion Essential ReactJS Navigation Drawer Control, its elements, and more. platform: reactjs control: navigation drawer documentation: ug --- -# Getting Started +# Getting Started with ReactJS Navigation Drawer This section helps to get started with Essential ReactJS Navigation Drawer component. diff --git a/ReactJS/Ribbon/Application-Tab.md b/ReactJS/Ribbon/Application-Tab.md index e1e82ff7..0e0021a4 100644 --- a/ReactJS/Ribbon/Application-Tab.md +++ b/ReactJS/Ribbon/Application-Tab.md @@ -1,13 +1,13 @@ --- layout: post -title: Ribbon-Application-Tab -description: application tab +title: Application Tab in ReactJS Ribbon Control | Syncfusion +description: Learn here about application tab in Syncfusion Essential ReactJS Ribbon Control, its element, and more. documentation: ug platform: React JS keywords: application tab,ribbon application tab --- -# Application Tab +# Application Tab in ReactJS Ribbon The Application Tab is used to represent a `Menu` that do some operations, such as File menu to create, open, and print documents. Application Tab classified by `type` property with the following: @@ -59,7 +59,7 @@ Set the UL element `id` to `menuItemID` property to create Application Menu and {% endhighlight %} -![](/js/Ribbon/Application-Tab_images/Application-Tab_img1.png) +![ReactJS Ribbon Application Menu](/js/Ribbon/Application-Tab_images/Application-Tab_img1.png) ## Backstage Page @@ -170,7 +170,7 @@ To render the Ribbon with the Backstage page, refer to the following code snippe {% endhighlight %} -![](/js/Ribbon/Application-Tab_images/Application-Tab_img3.png) +![ReactJS Ribbon Backstage Page](/js/Ribbon/Application-Tab_images/Application-Tab_img3.png) N> Height & width of backstage can be set using `height` and `width`, if these are not set, Ribbon’s height & width will be considered. From 155df75b5a976a5336664ef240226e752bcd1ca6 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 12 May 2022 17:16:29 +0530 Subject: [PATCH 2/4] SEO-2190_Site_Audit_Issues --- ReactJS/Ribbon/Application-Tab.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/ReactJS/Ribbon/Application-Tab.md b/ReactJS/Ribbon/Application-Tab.md index 0e0021a4..45b11cd1 100644 --- a/ReactJS/Ribbon/Application-Tab.md +++ b/ReactJS/Ribbon/Application-Tab.md @@ -3,7 +3,7 @@ layout: post title: Application Tab in ReactJS Ribbon Control | Syncfusion description: Learn here about application tab in Syncfusion Essential ReactJS Ribbon Control, its element, and more. documentation: ug -platform: React JS +platform: ReactJS keywords: application tab,ribbon application tab --- @@ -59,7 +59,7 @@ Set the UL element `id` to `menuItemID` property to create Application Menu and {% endhighlight %} -![ReactJS Ribbon Application Menu](/js/Ribbon/Application-Tab_images/Application-Tab_img1.png) +![ReactJS Ribbon Application Menu](/Application-Tab_images/Application-Tab_img1.png) ## Backstage Page @@ -170,8 +170,8 @@ To render the Ribbon with the Backstage page, refer to the following code snippe {% endhighlight %} -![ReactJS Ribbon Backstage Page](/js/Ribbon/Application-Tab_images/Application-Tab_img3.png) +![ReactJS Ribbon Backstage Page](/Application-Tab_images/Application-Tab_img3.png) N> Height & width of backstage can be set using `height` and `width`, if these are not set, Ribbon’s height & width will be considered. -You can add/remove/update backStage item to the ribbon control by using [`addBackStageItem`](https://help.syncfusion.com/api/js/ejribbon#methods:addbackstageitem), [`removeBackStageItem`](https://help.syncfusion.com/api/js/ejribbon#methods:removebackstageitem) and [`updateBackStageItem`](https://help.syncfusion.com/api/js/ejribbon#methods:updatebackstageitem) methods. Also you can show/hide the backstage page in ribbon control by using [`showBackstage`](https://help.syncfusion.com/api/js/ejribbon#methods:showbackstage) and [`hideBackstage`](https://help.syncfusion.com/api/js/ejribbon#methods:hidebackstage methods. +You can add/remove/update backStage item to the ribbon control by using [`addBackStageItem`](https://help.syncfusion.com/api/js/ejribbon#methods:addbackstageitem), [`removeBackStageItem`](https://help.syncfusion.com/api/js/ejribbon#methods:removebackstageitem) and [`updateBackStageItem`](https://help.syncfusion.com/api/js/ejribbon#methods:updatebackstageitem) methods. Also you can show/hide the backstage page in ribbon control by using [`showBackstage`](https://help.syncfusion.com/api/js/ejribbon#methods:showbackstage) and [`hideBackstage`](https://help.syncfusion.com/api/js/ejribbon#methods:hidebackstage) methods. From 423b6eb588d46540e851849bc6ede7fd8235bbe2 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 12 May 2022 18:09:57 +0530 Subject: [PATCH 3/4] SEO-2190_Site_Audit_Issues --- ReactJS/Chart/Printing.md | 4 ++-- ReactJS/Chart/Trendlines.md | 20 ++++++++++---------- ReactJS/Ribbon/Application-Tab.md | 4 ++-- 3 files changed, 14 insertions(+), 14 deletions(-) diff --git a/ReactJS/Chart/Printing.md b/ReactJS/Chart/Printing.md index 95af8c5e..41389055 100644 --- a/ReactJS/Chart/Printing.md +++ b/ReactJS/Chart/Printing.md @@ -40,7 +40,7 @@ ReactDOM.render( This print method can be called by performing any action on the web page. For example, by clicking a button. While calling the print method in chart, print preview will be displayed in the browser. -![ReactJS Chart printing](/js/Chart/Printing_images/Printing_img1.png) +![ReactJS Chart printing](Printing_images/Printing_img1.png) [Click](http://js.syncfusion.com/demos/web/#!/bootstrap/chart/exportandprint) here to view the Printing chart online demo sample @@ -78,7 +78,7 @@ function print() { The Print preview of multiple Charts is shown below -![ReactJS Chart Printing Multiple chart](/js/Chart/Printing_images/Printing_img2.png) +![ReactJS Chart Printing Multiple chart](Printing_images/Printing_img2.png) ## Page Setup diff --git a/ReactJS/Chart/Trendlines.md b/ReactJS/Chart/Trendlines.md index e3033a5e..eb6997ad 100644 --- a/ReactJS/Chart/Trendlines.md +++ b/ReactJS/Chart/Trendlines.md @@ -35,7 +35,7 @@ EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatte {% endhighlight %} -![ReactJS Chart Trendlines](/js/Chart/Trendlines_images/Trendlines_img1.png) +![ReactJS Chart Trendlines](Trendlines_images/Trendlines_img1.png) [Click](http://js.syncfusion.com/demos/web/#!/azure/chart/trendlines) here to view the Trendlines online demo sample. @@ -69,7 +69,7 @@ A trendline can be customized by using the properties such as [`fill`](../api/ej {% endhighlight %} -![ReactJS Chart Customize the trendline styles](/js/Chart/Trendlines_images/Trendlines_img2.png) +![ReactJS Chart Customize the trendline styles](Trendlines_images/Trendlines_img2.png) @@ -111,7 +111,7 @@ To render Linear Trendline, you have to set the [`type`](../api/ejchart#members: {% endhighlight %} -![ReactJS Chart Linear Trendline](/js/Chart/Trendlines_images/Trendlines_img3.png) +![ReactJS Chart Linear Trendline](Trendlines_images/Trendlines_img3.png) ### Exponential @@ -171,7 +171,7 @@ Logarithmic Trendline can be rendered by setting the [`type`](../api/ejchart#mem {% endhighlight %} -![ReactJS Chart Logarithmic](/js/Chart/Trendlines_images/Trendlines_img5.png) +![ReactJS Chart Logarithmic](Trendlines_images/Trendlines_img5.png) ### Power @@ -201,7 +201,7 @@ Power Trendline can be rendered by setting the [`type`](../api/ejchart#members:s {% endhighlight %} -![ReactJS Chart Trendlines Power](/js/Chart/Trendlines_images/Trendlines_img6.png) +![ReactJS Chart Trendlines Power](Trendlines_images/Trendlines_img6.png) ### Polynomial @@ -231,7 +231,7 @@ Polynomial Trendline can be rendered by setting the trendline [`type`](../api/ej {% endhighlight %} -![ReactJS Chart Polynomial](/js/Chart/Trendlines_images/Trendlines_img7.png) +![ReactJS Chart Polynomial](Trendlines_images/Trendlines_img7.png) @@ -262,7 +262,7 @@ MovingAverage Trendline can be rendered by setting the [`type`](../api/ejchart#m {% endhighlight %} -![ReactJS Chart MovingAverage](/js/Chart/Trendlines_images/Trendlines_img8.png) +![ReactJS Chart MovingAverage](Trendlines_images/Trendlines_img8.png) ## Forecasting @@ -299,7 +299,7 @@ The value set for [`forwardForecast`](../api/ejchart#members:series-trendlines-f {% endhighlight %} -![ReactJS Chart Forward Forecasting](/js/Chart/Trendlines_images/Trendlines_img9.png) +![ReactJS Chart Forward Forecasting](Trendlines_images/Trendlines_img9.png) @@ -331,7 +331,7 @@ The value set for the [`backwardForecast`](../api/ejchart#members:series-trendli {% endhighlight %} -![ReactJS Chart Backward Forecasting](/js/Chart/Trendlines_images/Trendlines_img10.png) +![ReactJS Chart Backward Forecasting](Trendlines_images/Trendlines_img10.png) ## Trendlines Legend @@ -362,4 +362,4 @@ To display the legend item for trendline, use the [`name`](../api/ejchart#member {% endhighlight %} -![ReactJS Chart Trendlines Legend](/js/Chart/Trendlines_images/Trendlines_img11.png) +![ReactJS Chart Trendlines Legend](Trendlines_images/Trendlines_img11.png) diff --git a/ReactJS/Ribbon/Application-Tab.md b/ReactJS/Ribbon/Application-Tab.md index 45b11cd1..304c2e12 100644 --- a/ReactJS/Ribbon/Application-Tab.md +++ b/ReactJS/Ribbon/Application-Tab.md @@ -59,7 +59,7 @@ Set the UL element `id` to `menuItemID` property to create Application Menu and {% endhighlight %} -![ReactJS Ribbon Application Menu](/Application-Tab_images/Application-Tab_img1.png) +![ReactJS Ribbon Application Menu](Application-Tab_images/Application-Tab_img1.png) ## Backstage Page @@ -170,7 +170,7 @@ To render the Ribbon with the Backstage page, refer to the following code snippe {% endhighlight %} -![ReactJS Ribbon Backstage Page](/Application-Tab_images/Application-Tab_img3.png) +![ReactJS Ribbon Backstage Page](Application-Tab_images/Application-Tab_img3.png) N> Height & width of backstage can be set using `height` and `width`, if these are not set, Ribbon’s height & width will be considered. From 62fc0d6cd8e94587f0da0edc044442f579816267 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 12 May 2022 18:13:02 +0530 Subject: [PATCH 4/4] SEO-2190_Site_Audit_Issues --- ReactJS/Chart/Trendlines.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ReactJS/Chart/Trendlines.md b/ReactJS/Chart/Trendlines.md index eb6997ad..4a3c0261 100644 --- a/ReactJS/Chart/Trendlines.md +++ b/ReactJS/Chart/Trendlines.md @@ -141,7 +141,7 @@ Exponential Trendline can be rendered by setting the [`type`](../api/ejchart#mem {% endhighlight %} -![ReactJS Chart Exponential](/js/Chart/Trendlines_images/Trendlines_img4.png) +![ReactJS Chart Exponential](Trendlines_images/Trendlines_img4.png) ### Logarithmic