From d8ae2f53b97a23cfe4397e91c3c8ed4821c55f6b Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Tue, 1 Mar 2022 17:03:13 +0530 Subject: [PATCH 1/8] SEO-2008_Site_Audit_Issues --- PHP/Grid/Overview.md | 4 ++-- PHP/NavigationDrawer/getting-started.md | 16 ++++++++-------- PHP/RadioButton/Getting-Started.md | 8 ++++---- PHP/Ribbon/loadondemand.md | 10 +++++----- PHP/TreeView/Getting-Started.md | 6 +++--- 5 files changed, 22 insertions(+), 22 deletions(-) diff --git a/PHP/Grid/Overview.md b/PHP/Grid/Overview.md index c1b9a3b5..f7f42c65 100644 --- a/PHP/Grid/Overview.md +++ b/PHP/Grid/Overview.md @@ -1,12 +1,12 @@ --- layout: post title: Overview with Grid widget for Syncfusion Essential PHP -description: Overview for Grid +description: Learn here all about Overview of Syncfusion Essential PHP Grid Control, its elements, features, and more. platform: php control: Grid documentation: ug --- -# Overview +# Overview of Syncfusion PHP Grid The Grid control for PHP is an efficient display engine for tabular data. It will pull data from a datasource, such as array of JSON objects, OData web services, or `DataManager`, binding data fields to columns and displaying a column header to identify the field. It is a feature-rich control that provides extensive appearance customization options with support for grouped records. This Grid is very useful for generating complex grid-based reports with rich formatting. The most important features available in the Grid control for PHP are paging, sorting, filtering, searching, grouping, and editing. diff --git a/PHP/NavigationDrawer/getting-started.md b/PHP/NavigationDrawer/getting-started.md index d43d75ec..7817b930 100644 --- a/PHP/NavigationDrawer/getting-started.md +++ b/PHP/NavigationDrawer/getting-started.md @@ -1,13 +1,13 @@ --- layout: post -title: getting-started -description: getting started +title: Getting Started with Syncfusion PHP Navigation Drawer | Syncfusion +description: Learn here about getting started with Syncfusion Essential PHP Navigation Drawer Control, its elements, and more. platform: php control: Navigation Drawer documentation: ug --- -# Getting Started +# Getting Started with PHP Navigation Drawer This section helps to get started of the Navigation Drawer control for PHP. @@ -83,7 +83,7 @@ To set the target icon image and with the correct position as using the below me {% endhighlight %} -![](Getting-Started_images\getting-started_img1.png) +![PHP Navigation Drawer Create a Control](Getting-Started_images\getting-started_img1.png) You can open the list items by clicking on target element using the targetId property. @@ -95,7 +95,7 @@ You can open the list items by clicking on target element using the targetId pro {% endhighlight %} -![](Getting-Started_images\getting-started_img2.png) +![PHP Navigation Drawer](Getting-Started_images\getting-started_img2.png) To set the images for list items of the Navigation Drawer by using the Image Class property as follows. @@ -167,7 +167,7 @@ To set the images with the correct position by using the mentioned styles. {% endhighlight %} -![](Getting-Started_images\getting-started_img3.png) +![PHP Navigation Drawer Getting Started](Getting-Started_images\getting-started_img3.png) To add desired page content while selecting the options in navigation drawer as follows. @@ -238,7 +238,7 @@ In the mouse-up handler, it’s display the respective selected item’s content Run the above code to render the following output. -![](Getting-Started_images\getting-started_img4.png) +![PHP Navigation Drawer selected items content](Getting-Started_images\getting-started_img4.png) ## Customize Direction @@ -258,6 +258,6 @@ By using this property, to change the list view open direction. The possible dir {% endhighlight %} -![](Getting-Started_images\getting-started_img5.png) +![PHP Navigation Drawer Customize Direction](Getting-Started_images\getting-started_img5.png) N> You can find the complete API list for all Syncfusion controls from the [API reference](https://help.syncfusion.com/api/js/ejnavigationdrawer) diff --git a/PHP/RadioButton/Getting-Started.md b/PHP/RadioButton/Getting-Started.md index cdcdc848..ab34419e 100644 --- a/PHP/RadioButton/Getting-Started.md +++ b/PHP/RadioButton/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting-Started -description: getting started +title: Getting Started with PHP RadioButton Control | Syncfusion +description: Learn here about getting started with Syncfusion Essential PHP RadioButton Control, its elements, and more. platform: php control: RadioButton documentation: ug --- -# Getting Started +# Getting Started with PHP RadioButton This section explains briefly about the necessary steps required to render and configure EJ RadioButton control using PHP wrapper classes. @@ -97,4 +97,4 @@ Add the following styles to show the **RadioButton** control in an order. The following screenshot illustrates the output of above code. -![](/php/RadioButton/Getting-Started_images/Getting-Started_img1.JPG) \ No newline at end of file +![PHP RadioButton Getting Started](Getting-Started_images/Getting-Started_img1.JPG) \ No newline at end of file diff --git a/PHP/Ribbon/loadondemand.md b/PHP/Ribbon/loadondemand.md index 0becbaab..95738dcc 100644 --- a/PHP/Ribbon/loadondemand.md +++ b/PHP/Ribbon/loadondemand.md @@ -1,13 +1,13 @@ --- -title: Load on Demand -description: Overview of Load on Demand ribbon control. +title: Load on Demand in PHP Ribbon Control | Syncfusion +description: Learn here all about Load on Demand support in Syncfusion Essential PHP Ribbon Control, its elements, and more. platform: php control: ribbon documentation: ug keywords: ribbon features, key features, ribbon overview --- -# Load on Demand +# Load on Demand in PHP Ribbon Set enableOnDemand as true to enable load tab and backstage contents dynamically. Loading content on demand improves the initial rendering time of the ribbon by rendering tab and backstage content when tabs and backstage items are clicked. @@ -135,7 +135,7 @@ Set enableOnDemand as true to enable load tab and backstage contents dynamically {% endhighlight %} -![](Ondemand/ondemand_img1.png) +![PHP Ribbon load on demand](Ondemand/ondemand_img1.png) ## Initially Collapsible @@ -265,4 +265,4 @@ Set collapsible'](https://help.syncfusion.com/api/js/ejribbon#members:collapsibl {% endhighlight %} -![](Ondemand/ondemand_img2.png) \ No newline at end of file +![PHP Ribbon Initially Collapsible](Ondemand/ondemand_img2.png) \ No newline at end of file diff --git a/PHP/TreeView/Getting-Started.md b/PHP/TreeView/Getting-Started.md index 25fa0aaa..dc391bdc 100644 --- a/PHP/TreeView/Getting-Started.md +++ b/PHP/TreeView/Getting-Started.md @@ -1,12 +1,12 @@ --- -title: Getting Started with TreeView | TreeView | PHP | Syncfusion -description: To get start with TreeView by adding references +title: Getting Started with PHP TreeView Control | Syncfusion +description: Learn here about getting started with Syncfusion Essential PHP TreeView Control, its elements, and more. platform: php control: TreeView documentation: UG keywords: --- -# Getting started +# Getting started with PHP TreeView This section explains briefly about how to create a **TreeView** in your application with **PHP** wrapper classes of EJ controls. From 8d81361280033fa77be267f0f1e930f3fb979d23 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 5 May 2022 15:26:01 +0530 Subject: [PATCH 2/8] SEO-2190_Site_Audit_Issues --- PHP/Gantt/Getting-Started.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/PHP/Gantt/Getting-Started.md b/PHP/Gantt/Getting-Started.md index 87ab41da..0eaf34c5 100644 --- a/PHP/Gantt/Getting-Started.md +++ b/PHP/Gantt/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting-Started -description: getting started +title: Getting Started with PHP Gantt Control | Syncfusion +description: Learn here about getting started with Syncfusion Essential PHP Gantt Control, its elements, and more. platform: php control: Gantt documentation: ug --- -# Getting Started +# Getting Started with PHP Gantt This section explains briefly about how to create a Gantt chart in your application with PHP. @@ -15,7 +15,7 @@ This section explains briefly about how to create a Gantt chart in your applicat In this tutorial, you can learn how to create a simple Gantt chart, add tasks or subtasks, and set relationship between tasks during the design phase of a software project. The following screenshot displays the desired output after completing this tutorial, -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img4.png) +![PHP Gantt Getting Started](/Getting-Started_images/Getting-Started_img4.png) ## Adding script references Create an HTML file and add the following necessary script and CSS files to the HTML file. @@ -129,7 +129,7 @@ Create an HTML file and add the following necessary script and CSS files to the A Gantt chart is created as shown in the following screen shot. -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img5.png) +![PHP Gantt with JSON data from external file](/Getting-Started_images/Getting-Started_img5.png) ## Enable Toolbar @@ -155,7 +155,7 @@ Gantt control contains toolbar options to edit, search, expand or collapse all r The following screen shot displays a Tool bar in Gantt chart control: -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img6.png) +![PHP Gantt Enable Toolbar](/Getting-Started_images/Getting-Started_img6.png) N> Add, edit, delete, indent and outdent options are enabled when enabling the allowEditing, allowAdding, allowDelete, allowIndent and allowOutdent properties in the edit Options. @@ -224,7 +224,7 @@ Modify the predecessor details of a task using mouse interactions by setting [`a The following screen shot displays a Gantt chart control with Enable Editing options. -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img7.png) +![PHP Gantt Predecessor Editing](/Getting-Started_images/Getting-Started_img7.png) N> Both cellEditing and normal editing operations are performed through double-click action. @@ -249,7 +249,7 @@ You can enable the context menu in Gantt, by setting the [`enableContextMenu`](h The following screen shot displays Gantt chart in which Context menu option is enabled: -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img8.png) +![PHP Gantt Enable Context Menu](/Getting-Started_images/Getting-Started_img8.png) ## Enable Column Menu @@ -272,7 +272,7 @@ You can enable the column menu in Gantt, by setting the [`showColumnChooser`](ht The following screen shot displays Gantt chart in which column chooser option is enabled: -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img11.png) +![PHP Gantt Enable Column Menu](/Getting-Started_images/Getting-Started_img11.png) ## Provide tasks relationship @@ -304,7 +304,7 @@ You can show the relationship in tasks, by using the [`predecessorsMapping`](htt The following screenshot displays the relationship between tasks. -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img9.png) +![PHP Gantt Provide tasks relationship](/Getting-Started_images/Getting-Started_img9.png) ## Provide Resources @@ -343,7 +343,7 @@ In Gantt control, you can display and assign the resource for each task. Create The following screenshot displays resource allocation for tasks in Gantt chart. -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img10.png) +![PHP Gantt Provide Resources](/Getting-Started_images/Getting-Started_img10.png) By following these steps, you have learned how to provide data source to Gantt chart, how to configure Gantt to set task relationships, assign resources for each task, and add toolbar with necessary buttons. @@ -370,4 +370,4 @@ In Gantt, you can on or off weekends high lighting by setting the [`highlightWee The following screen shot displays Gantt chart in which highlight weekends is disabled: -![](/PHP/Gantt/Getting-Started_images/Getting-Started_img12.png) +![PHP Gantt Highlight Weekend](/Getting-Started_images/Getting-Started_img12.png) From 8fda6f4547d4a09b6854215a90fc445f309989d5 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 5 May 2022 15:36:34 +0530 Subject: [PATCH 3/8] SEO-2190_Site_Audit_Issues --- PHP/Grid/Overview.md | 4 ++-- PHP/NavigationDrawer/getting-started.md | 16 ++++++++-------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/PHP/Grid/Overview.md b/PHP/Grid/Overview.md index f7f42c65..c1b9a3b5 100644 --- a/PHP/Grid/Overview.md +++ b/PHP/Grid/Overview.md @@ -1,12 +1,12 @@ --- layout: post title: Overview with Grid widget for Syncfusion Essential PHP -description: Learn here all about Overview of Syncfusion Essential PHP Grid Control, its elements, features, and more. +description: Overview for Grid platform: php control: Grid documentation: ug --- -# Overview of Syncfusion PHP Grid +# Overview The Grid control for PHP is an efficient display engine for tabular data. It will pull data from a datasource, such as array of JSON objects, OData web services, or `DataManager`, binding data fields to columns and displaying a column header to identify the field. It is a feature-rich control that provides extensive appearance customization options with support for grouped records. This Grid is very useful for generating complex grid-based reports with rich formatting. The most important features available in the Grid control for PHP are paging, sorting, filtering, searching, grouping, and editing. diff --git a/PHP/NavigationDrawer/getting-started.md b/PHP/NavigationDrawer/getting-started.md index 7817b930..d43d75ec 100644 --- a/PHP/NavigationDrawer/getting-started.md +++ b/PHP/NavigationDrawer/getting-started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with Syncfusion PHP Navigation Drawer | Syncfusion -description: Learn here about getting started with Syncfusion Essential PHP Navigation Drawer Control, its elements, and more. +title: getting-started +description: getting started platform: php control: Navigation Drawer documentation: ug --- -# Getting Started with PHP Navigation Drawer +# Getting Started This section helps to get started of the Navigation Drawer control for PHP. @@ -83,7 +83,7 @@ To set the target icon image and with the correct position as using the below me {% endhighlight %} -![PHP Navigation Drawer Create a Control](Getting-Started_images\getting-started_img1.png) +![](Getting-Started_images\getting-started_img1.png) You can open the list items by clicking on target element using the targetId property. @@ -95,7 +95,7 @@ You can open the list items by clicking on target element using the targetId pro {% endhighlight %} -![PHP Navigation Drawer](Getting-Started_images\getting-started_img2.png) +![](Getting-Started_images\getting-started_img2.png) To set the images for list items of the Navigation Drawer by using the Image Class property as follows. @@ -167,7 +167,7 @@ To set the images with the correct position by using the mentioned styles. {% endhighlight %} -![PHP Navigation Drawer Getting Started](Getting-Started_images\getting-started_img3.png) +![](Getting-Started_images\getting-started_img3.png) To add desired page content while selecting the options in navigation drawer as follows. @@ -238,7 +238,7 @@ In the mouse-up handler, it’s display the respective selected item’s content Run the above code to render the following output. -![PHP Navigation Drawer selected items content](Getting-Started_images\getting-started_img4.png) +![](Getting-Started_images\getting-started_img4.png) ## Customize Direction @@ -258,6 +258,6 @@ By using this property, to change the list view open direction. The possible dir {% endhighlight %} -![PHP Navigation Drawer Customize Direction](Getting-Started_images\getting-started_img5.png) +![](Getting-Started_images\getting-started_img5.png) N> You can find the complete API list for all Syncfusion controls from the [API reference](https://help.syncfusion.com/api/js/ejnavigationdrawer) From 98ab64913f495790848cc6a622a84d3311a9eb6a Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 5 May 2022 15:42:02 +0530 Subject: [PATCH 4/8] SEO-2190_Site_Audit_Issues --- PHP/RadioButton/Getting-Started.md | 8 ++++---- PHP/Ribbon/loadondemand.md | 10 +++++----- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/PHP/RadioButton/Getting-Started.md b/PHP/RadioButton/Getting-Started.md index ab34419e..2e6ed964 100644 --- a/PHP/RadioButton/Getting-Started.md +++ b/PHP/RadioButton/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with PHP RadioButton Control | Syncfusion -description: Learn here about getting started with Syncfusion Essential PHP RadioButton Control, its elements, and more. +title: Getting-Started +description: getting started platform: php control: RadioButton documentation: ug --- -# Getting Started with PHP RadioButton +# Getting Started This section explains briefly about the necessary steps required to render and configure EJ RadioButton control using PHP wrapper classes. @@ -97,4 +97,4 @@ Add the following styles to show the **RadioButton** control in an order. The following screenshot illustrates the output of above code. -![PHP RadioButton Getting Started](Getting-Started_images/Getting-Started_img1.JPG) \ No newline at end of file +![](Getting-Started_images/Getting-Started_img1.JPG) \ No newline at end of file diff --git a/PHP/Ribbon/loadondemand.md b/PHP/Ribbon/loadondemand.md index 95738dcc..0becbaab 100644 --- a/PHP/Ribbon/loadondemand.md +++ b/PHP/Ribbon/loadondemand.md @@ -1,13 +1,13 @@ --- -title: Load on Demand in PHP Ribbon Control | Syncfusion -description: Learn here all about Load on Demand support in Syncfusion Essential PHP Ribbon Control, its elements, and more. +title: Load on Demand +description: Overview of Load on Demand ribbon control. platform: php control: ribbon documentation: ug keywords: ribbon features, key features, ribbon overview --- -# Load on Demand in PHP Ribbon +# Load on Demand Set enableOnDemand as true to enable load tab and backstage contents dynamically. Loading content on demand improves the initial rendering time of the ribbon by rendering tab and backstage content when tabs and backstage items are clicked. @@ -135,7 +135,7 @@ Set enableOnDemand as true to enable load tab and backstage contents dynamically {% endhighlight %} -![PHP Ribbon load on demand](Ondemand/ondemand_img1.png) +![](Ondemand/ondemand_img1.png) ## Initially Collapsible @@ -265,4 +265,4 @@ Set collapsible'](https://help.syncfusion.com/api/js/ejribbon#members:collapsibl {% endhighlight %} -![PHP Ribbon Initially Collapsible](Ondemand/ondemand_img2.png) \ No newline at end of file +![](Ondemand/ondemand_img2.png) \ No newline at end of file From 421d9b1d19dc61960b6f15f6cf9516c075f2e3a5 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 5 May 2022 15:47:22 +0530 Subject: [PATCH 5/8] SEO-2190_Site_Audit_Issues --- PHP/Gantt/Getting-Started.md | 18 +++++++++--------- PHP/RadioButton/Getting-Started.md | 2 +- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/PHP/Gantt/Getting-Started.md b/PHP/Gantt/Getting-Started.md index 0eaf34c5..7e6927bb 100644 --- a/PHP/Gantt/Getting-Started.md +++ b/PHP/Gantt/Getting-Started.md @@ -15,7 +15,7 @@ This section explains briefly about how to create a Gantt chart in your applicat In this tutorial, you can learn how to create a simple Gantt chart, add tasks or subtasks, and set relationship between tasks during the design phase of a software project. The following screenshot displays the desired output after completing this tutorial, -![PHP Gantt Getting Started](/Getting-Started_images/Getting-Started_img4.png) +![PHP Gantt Getting Started](/Gantt/Getting-Started_images/Getting-Started_img4.png) ## Adding script references Create an HTML file and add the following necessary script and CSS files to the HTML file. @@ -129,7 +129,7 @@ Create an HTML file and add the following necessary script and CSS files to the A Gantt chart is created as shown in the following screen shot. -![PHP Gantt with JSON data from external file](/Getting-Started_images/Getting-Started_img5.png) +![PHP Gantt with JSON data from external file](/Gantt/Getting-Started_images/Getting-Started_img5.png) ## Enable Toolbar @@ -155,7 +155,7 @@ Gantt control contains toolbar options to edit, search, expand or collapse all r The following screen shot displays a Tool bar in Gantt chart control: -![PHP Gantt Enable Toolbar](/Getting-Started_images/Getting-Started_img6.png) +![PHP Gantt Enable Toolbar](/Gantt/Getting-Started_images/Getting-Started_img6.png) N> Add, edit, delete, indent and outdent options are enabled when enabling the allowEditing, allowAdding, allowDelete, allowIndent and allowOutdent properties in the edit Options. @@ -224,7 +224,7 @@ Modify the predecessor details of a task using mouse interactions by setting [`a The following screen shot displays a Gantt chart control with Enable Editing options. -![PHP Gantt Predecessor Editing](/Getting-Started_images/Getting-Started_img7.png) +![PHP Gantt Predecessor Editing](/Gantt/Getting-Started_images/Getting-Started_img7.png) N> Both cellEditing and normal editing operations are performed through double-click action. @@ -249,7 +249,7 @@ You can enable the context menu in Gantt, by setting the [`enableContextMenu`](h The following screen shot displays Gantt chart in which Context menu option is enabled: -![PHP Gantt Enable Context Menu](/Getting-Started_images/Getting-Started_img8.png) +![PHP Gantt Enable Context Menu](/Gantt/Getting-Started_images/Getting-Started_img8.png) ## Enable Column Menu @@ -272,7 +272,7 @@ You can enable the column menu in Gantt, by setting the [`showColumnChooser`](ht The following screen shot displays Gantt chart in which column chooser option is enabled: -![PHP Gantt Enable Column Menu](/Getting-Started_images/Getting-Started_img11.png) +![PHP Gantt Enable Column Menu](/Gantt/Getting-Started_images/Getting-Started_img11.png) ## Provide tasks relationship @@ -304,7 +304,7 @@ You can show the relationship in tasks, by using the [`predecessorsMapping`](htt The following screenshot displays the relationship between tasks. -![PHP Gantt Provide tasks relationship](/Getting-Started_images/Getting-Started_img9.png) +![PHP Gantt Provide tasks relationship](/Gantt/Getting-Started_images/Getting-Started_img9.png) ## Provide Resources @@ -343,7 +343,7 @@ In Gantt control, you can display and assign the resource for each task. Create The following screenshot displays resource allocation for tasks in Gantt chart. -![PHP Gantt Provide Resources](/Getting-Started_images/Getting-Started_img10.png) +![PHP Gantt Provide Resources](/Gantt/Getting-Started_images/Getting-Started_img10.png) By following these steps, you have learned how to provide data source to Gantt chart, how to configure Gantt to set task relationships, assign resources for each task, and add toolbar with necessary buttons. @@ -370,4 +370,4 @@ In Gantt, you can on or off weekends high lighting by setting the [`highlightWee The following screen shot displays Gantt chart in which highlight weekends is disabled: -![PHP Gantt Highlight Weekend](/Getting-Started_images/Getting-Started_img12.png) +![PHP Gantt Highlight Weekend](/Gantt/Getting-Started_images/Getting-Started_img12.png) diff --git a/PHP/RadioButton/Getting-Started.md b/PHP/RadioButton/Getting-Started.md index 2e6ed964..cdcdc848 100644 --- a/PHP/RadioButton/Getting-Started.md +++ b/PHP/RadioButton/Getting-Started.md @@ -97,4 +97,4 @@ Add the following styles to show the **RadioButton** control in an order. The following screenshot illustrates the output of above code. -![](Getting-Started_images/Getting-Started_img1.JPG) \ No newline at end of file +![](/php/RadioButton/Getting-Started_images/Getting-Started_img1.JPG) \ No newline at end of file From aa993891952810cc7fe6c515eaa37fa52e52ceb7 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Thu, 5 May 2022 16:01:57 +0530 Subject: [PATCH 6/8] SEO-2190_Site_Audit_Issues --- PHP/Gantt/Getting-Started.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/PHP/Gantt/Getting-Started.md b/PHP/Gantt/Getting-Started.md index 7e6927bb..55fa195e 100644 --- a/PHP/Gantt/Getting-Started.md +++ b/PHP/Gantt/Getting-Started.md @@ -15,7 +15,7 @@ This section explains briefly about how to create a Gantt chart in your applicat In this tutorial, you can learn how to create a simple Gantt chart, add tasks or subtasks, and set relationship between tasks during the design phase of a software project. The following screenshot displays the desired output after completing this tutorial, -![PHP Gantt Getting Started](/Gantt/Getting-Started_images/Getting-Started_img4.png) +![PHP Gantt Getting Started](/PHP/Gantt/Getting-Started_images/Getting-Started_img4.png) ## Adding script references Create an HTML file and add the following necessary script and CSS files to the HTML file. @@ -129,7 +129,7 @@ Create an HTML file and add the following necessary script and CSS files to the A Gantt chart is created as shown in the following screen shot. -![PHP Gantt with JSON data from external file](/Gantt/Getting-Started_images/Getting-Started_img5.png) +![PHP Gantt with JSON data from external file](/PHP/Gantt/Getting-Started_images/Getting-Started_img5.png) ## Enable Toolbar @@ -155,7 +155,7 @@ Gantt control contains toolbar options to edit, search, expand or collapse all r The following screen shot displays a Tool bar in Gantt chart control: -![PHP Gantt Enable Toolbar](/Gantt/Getting-Started_images/Getting-Started_img6.png) +![PHP Gantt Enable Toolbar](/PHP/Gantt/Getting-Started_images/Getting-Started_img6.png) N> Add, edit, delete, indent and outdent options are enabled when enabling the allowEditing, allowAdding, allowDelete, allowIndent and allowOutdent properties in the edit Options. @@ -224,7 +224,7 @@ Modify the predecessor details of a task using mouse interactions by setting [`a The following screen shot displays a Gantt chart control with Enable Editing options. -![PHP Gantt Predecessor Editing](/Gantt/Getting-Started_images/Getting-Started_img7.png) +![PHP Gantt Predecessor Editing](/PHP/Gantt/Getting-Started_images/Getting-Started_img7.png) N> Both cellEditing and normal editing operations are performed through double-click action. @@ -249,7 +249,7 @@ You can enable the context menu in Gantt, by setting the [`enableContextMenu`](h The following screen shot displays Gantt chart in which Context menu option is enabled: -![PHP Gantt Enable Context Menu](/Gantt/Getting-Started_images/Getting-Started_img8.png) +![PHP Gantt Enable Context Menu](/PHP/Gantt/Getting-Started_images/Getting-Started_img8.png) ## Enable Column Menu @@ -272,7 +272,7 @@ You can enable the column menu in Gantt, by setting the [`showColumnChooser`](ht The following screen shot displays Gantt chart in which column chooser option is enabled: -![PHP Gantt Enable Column Menu](/Gantt/Getting-Started_images/Getting-Started_img11.png) +![PHP Gantt Enable Column Menu](/PHP/Gantt/Getting-Started_images/Getting-Started_img11.png) ## Provide tasks relationship @@ -304,7 +304,7 @@ You can show the relationship in tasks, by using the [`predecessorsMapping`](htt The following screenshot displays the relationship between tasks. -![PHP Gantt Provide tasks relationship](/Gantt/Getting-Started_images/Getting-Started_img9.png) +![PHP Gantt Provide tasks relationship](/PHP/Gantt/Getting-Started_images/Getting-Started_img9.png) ## Provide Resources @@ -343,7 +343,7 @@ In Gantt control, you can display and assign the resource for each task. Create The following screenshot displays resource allocation for tasks in Gantt chart. -![PHP Gantt Provide Resources](/Gantt/Getting-Started_images/Getting-Started_img10.png) +![PHP Gantt Provide Resources](/PHP/Gantt/Getting-Started_images/Getting-Started_img10.png) By following these steps, you have learned how to provide data source to Gantt chart, how to configure Gantt to set task relationships, assign resources for each task, and add toolbar with necessary buttons. @@ -370,4 +370,4 @@ In Gantt, you can on or off weekends high lighting by setting the [`highlightWee The following screen shot displays Gantt chart in which highlight weekends is disabled: -![PHP Gantt Highlight Weekend](/Gantt/Getting-Started_images/Getting-Started_img12.png) +![PHP Gantt Highlight Weekend](/PHP/Gantt/Getting-Started_images/Getting-Started_img12.png) From 48c60949fb4f0f29809a6ab81ee6271cf4cbae47 Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Fri, 6 May 2022 14:46:25 +0530 Subject: [PATCH 7/8] SEO-2190_Site_Audit_Issues --- PHP/Gantt/Getting-Started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/PHP/Gantt/Getting-Started.md b/PHP/Gantt/Getting-Started.md index 55fa195e..70731ded 100644 --- a/PHP/Gantt/Getting-Started.md +++ b/PHP/Gantt/Getting-Started.md @@ -15,7 +15,7 @@ This section explains briefly about how to create a Gantt chart in your applicat In this tutorial, you can learn how to create a simple Gantt chart, add tasks or subtasks, and set relationship between tasks during the design phase of a software project. The following screenshot displays the desired output after completing this tutorial, -![PHP Gantt Getting Started](/PHP/Gantt/Getting-Started_images/Getting-Started_img4.png) +![PHP Gantt Getting Started](Getting-Started_images/Getting-Started_img4.png) ## Adding script references Create an HTML file and add the following necessary script and CSS files to the HTML file. From 4edce4185c836976a550403fa9f9f803eb020ead Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Fri, 6 May 2022 14:50:34 +0530 Subject: [PATCH 8/8] SEO-2190_Site_Audit_Issues --- PHP/Gantt/Getting-Started.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/PHP/Gantt/Getting-Started.md b/PHP/Gantt/Getting-Started.md index 70731ded..aa39e709 100644 --- a/PHP/Gantt/Getting-Started.md +++ b/PHP/Gantt/Getting-Started.md @@ -129,7 +129,7 @@ Create an HTML file and add the following necessary script and CSS files to the A Gantt chart is created as shown in the following screen shot. -![PHP Gantt with JSON data from external file](/PHP/Gantt/Getting-Started_images/Getting-Started_img5.png) +![PHP Gantt with JSON data from external file](Getting-Started_images/Getting-Started_img5.png) ## Enable Toolbar @@ -155,7 +155,7 @@ Gantt control contains toolbar options to edit, search, expand or collapse all r The following screen shot displays a Tool bar in Gantt chart control: -![PHP Gantt Enable Toolbar](/PHP/Gantt/Getting-Started_images/Getting-Started_img6.png) +![PHP Gantt Enable Toolbar](Getting-Started_images/Getting-Started_img6.png) N> Add, edit, delete, indent and outdent options are enabled when enabling the allowEditing, allowAdding, allowDelete, allowIndent and allowOutdent properties in the edit Options. @@ -224,7 +224,7 @@ Modify the predecessor details of a task using mouse interactions by setting [`a The following screen shot displays a Gantt chart control with Enable Editing options. -![PHP Gantt Predecessor Editing](/PHP/Gantt/Getting-Started_images/Getting-Started_img7.png) +![PHP Gantt Predecessor Editing](Getting-Started_images/Getting-Started_img7.png) N> Both cellEditing and normal editing operations are performed through double-click action. @@ -249,7 +249,7 @@ You can enable the context menu in Gantt, by setting the [`enableContextMenu`](h The following screen shot displays Gantt chart in which Context menu option is enabled: -![PHP Gantt Enable Context Menu](/PHP/Gantt/Getting-Started_images/Getting-Started_img8.png) +![PHP Gantt Enable Context Menu](Getting-Started_images/Getting-Started_img8.png) ## Enable Column Menu @@ -272,7 +272,7 @@ You can enable the column menu in Gantt, by setting the [`showColumnChooser`](ht The following screen shot displays Gantt chart in which column chooser option is enabled: -![PHP Gantt Enable Column Menu](/PHP/Gantt/Getting-Started_images/Getting-Started_img11.png) +![PHP Gantt Enable Column Menu](Getting-Started_images/Getting-Started_img11.png) ## Provide tasks relationship @@ -304,7 +304,7 @@ You can show the relationship in tasks, by using the [`predecessorsMapping`](htt The following screenshot displays the relationship between tasks. -![PHP Gantt Provide tasks relationship](/PHP/Gantt/Getting-Started_images/Getting-Started_img9.png) +![PHP Gantt Provide tasks relationship](Getting-Started_images/Getting-Started_img9.png) ## Provide Resources @@ -343,7 +343,7 @@ In Gantt control, you can display and assign the resource for each task. Create The following screenshot displays resource allocation for tasks in Gantt chart. -![PHP Gantt Provide Resources](/PHP/Gantt/Getting-Started_images/Getting-Started_img10.png) +![PHP Gantt Provide Resources](Getting-Started_images/Getting-Started_img10.png) By following these steps, you have learned how to provide data source to Gantt chart, how to configure Gantt to set task relationships, assign resources for each task, and add toolbar with necessary buttons. @@ -370,4 +370,4 @@ In Gantt, you can on or off weekends high lighting by setting the [`highlightWee The following screen shot displays Gantt chart in which highlight weekends is disabled: -![PHP Gantt Highlight Weekend](/PHP/Gantt/Getting-Started_images/Getting-Started_img12.png) +![PHP Gantt Highlight Weekend](Getting-Started_images/Getting-Started_img12.png)