From 264465c50983d50e16b169839e2111035c2634c2 Mon Sep 17 00:00:00 2001 From: Serhii Pylypchuk Date: Tue, 10 Oct 2023 14:24:43 +0300 Subject: [PATCH] [update] add separate section about integrations --- docs/guides/integration.md | 6 +++--- docs/guides/integration_with_angular.md | 11 ++++++++++ docs/guides/integration_with_react.md | 11 ++++++++++ docs/guides/integration_with_svelte.md | 11 ++++++++++ docs/guides/integration_with_vue.md | 11 ++++++++++ sidebars.js | 28 ++++++++++++++++++++++--- 6 files changed, 72 insertions(+), 6 deletions(-) create mode 100644 docs/guides/integration_with_angular.md create mode 100644 docs/guides/integration_with_react.md create mode 100644 docs/guides/integration_with_svelte.md create mode 100644 docs/guides/integration_with_vue.md diff --git a/docs/guides/integration.md b/docs/guides/integration.md index 32db6a5..191eee9 100644 --- a/docs/guides/integration.md +++ b/docs/guides/integration.md @@ -1,10 +1,10 @@ --- -sidebar_label: Integrations -title: Integrations +sidebar_label: Integration with DHTMLX widgets +title: Integration with DHTMLX widgets description: You can learn about integration with other widgets in the documentation of the DHTMLX JavaScript To Do List library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX To Do List. --- -# To Do List integrations +# Integration with DHTMLX widgets You can integrate DHTMLX To Do List with other DHTMLX widgets (for instance, [Gantt](https://docs.dhtmlx.com/gantt/), [Scheduler](https://docs.dhtmlx.com/scheduler/), [Kanban](https://docs.dhtmlx.com/kanban/), [Grid](https://docs.dhtmlx.com/suite/grid/)). Check the examples below. diff --git a/docs/guides/integration_with_angular.md b/docs/guides/integration_with_angular.md new file mode 100644 index 0000000..705177f --- /dev/null +++ b/docs/guides/integration_with_angular.md @@ -0,0 +1,11 @@ +--- +sidebar_label: Integration with Angular +title: Integration with Angular +description: You can learn about the integration with Angular in the documentation of the DHTMLX JavaScript To Do List library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX To Do List. +--- + +# Integration with Angular + +DHTMLX To Do List is compatible with **Angular**. We have prepared code examples of how to use DHTMLX To Do List with **Angular**. To check online samples, please refer to the corresponding [**Examples on CodeSandbox**](https://codesandbox.io/u/DHTMLX). + + diff --git a/docs/guides/integration_with_react.md b/docs/guides/integration_with_react.md new file mode 100644 index 0000000..a4a39c2 --- /dev/null +++ b/docs/guides/integration_with_react.md @@ -0,0 +1,11 @@ +--- +sidebar_label: Integration with React +title: Integration with React +description: You can learn about the integration with React in the documentation of the DHTMLX JavaScript To Do List library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX To Do List. +--- + +# Integration with React + +DHTMLX To Do List is compatible with **React**. We have prepared code examples of how to use DHTMLX To Do List with **React**. To check online samples, please refer to the corresponding [**Examples on CodeSandbox**](https://codesandbox.io/u/DHTMLX). + + diff --git a/docs/guides/integration_with_svelte.md b/docs/guides/integration_with_svelte.md new file mode 100644 index 0000000..be3cda9 --- /dev/null +++ b/docs/guides/integration_with_svelte.md @@ -0,0 +1,11 @@ +--- +sidebar_label: Integration with Svelte +title: Integration with Svelte +description: You can learn about the integration with Svelte in the documentation of the DHTMLX JavaScript To Do List library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX To Do List. +--- + +# Integration with Svelte + +DHTMLX To Do List is compatible with **Svelte**. We have prepared code examples of how to use DHTMLX To Do List with **Svelte**. To check online samples, please refer to the corresponding [**Examples on CodeSandbox**](https://codesandbox.io/u/DHTMLX). + + diff --git a/docs/guides/integration_with_vue.md b/docs/guides/integration_with_vue.md new file mode 100644 index 0000000..a5cc1ff --- /dev/null +++ b/docs/guides/integration_with_vue.md @@ -0,0 +1,11 @@ +--- +sidebar_label: Integration with Vue +title: Integration with Vue +description: You can learn about the integration with Vue in the documentation of the DHTMLX JavaScript To Do List library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX To Do List. +--- + +# Integration with Vue + +DHTMLX To Do List is compatible with **Vue**. We have prepared code examples of how to use DHTMLX To Do List with **Vue**. To check online samples, please refer to the corresponding [**Examples on CodeSandbox**](https://codesandbox.io/u/DHTMLX). + + diff --git a/sidebars.js b/sidebars.js index c56c79b..1c5a8bf 100644 --- a/sidebars.js +++ b/sidebars.js @@ -410,6 +410,28 @@ module.exports = { ] }] }, + + //start Backend and frameworks integration + { + type: "category", + label: "Backend and frameworks integration", + link: { + type: 'generated-index', + title: "Backend and frameworks integration", + keywords: ['backend and frameworks integration'], + image: '/img/docusaurus.png' + }, + items: [ + "guides/working_with_server", + "guides/integration_with_angular", + "guides/integration_with_react", + "guides/integration_with_vue", + "guides/integration_with_svelte", + "guides/integration", + ], + }, + // end Backend and frameworks integration + { type: "category", label: "Guides", @@ -427,7 +449,7 @@ module.exports = { "guides/initialization", "guides/configuration", "guides/loading_data", - "guides/working_with_server", + //"guides/working_with_server", { type: "category", label: "Managing tasks", @@ -465,8 +487,8 @@ module.exports = { "guides/localization", "guides/customization", "guides/stylization", - "guides/integration", + //"guides/integration", ] }, ] -}; \ No newline at end of file +};