diff --git a/ReactJS/Chart/Printing.md b/ReactJS/Chart/Printing.md index 08f7b832..41389055 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](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](Printing_images/Printing_img2.png) ## Page Setup diff --git a/ReactJS/Chart/Trendlines.md b/ReactJS/Chart/Trendlines.md index 6aa59c02..4a3c0261 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](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](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](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](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](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](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](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](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](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](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](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..304c2e12 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 +platform: ReactJS 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](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 %} -![](/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.