From 5221a1f3ced16c4e9f12579d794e99d7b3994a7a Mon Sep 17 00:00:00 2001 From: Edithabich Date: Thu, 29 Aug 2024 16:22:02 +0300 Subject: [PATCH 1/4] SEO-187452-js-multiple-h1 --- js/Gantt/How-to/Change-Splitter-position.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/js/Gantt/How-to/Change-Splitter-position.md b/js/Gantt/How-to/Change-Splitter-position.md index 248deb886..7d8599492 100644 --- a/js/Gantt/How-to/Change-Splitter-position.md +++ b/js/Gantt/How-to/Change-Splitter-position.md @@ -1,13 +1,13 @@ --- layout: post -title: Change-Splitter-position -description: change splitter position +title: Change splitter position in JavaScript Gantt | Syncfusion +description: Learn hera all about change splitter position Syncfusion Essential JavaScript Gantt control, its elements and more details. platform: js control: Gantt documentation: ug --- -# Change Splitter position at load +# Change splitter position at load in JavaScript Gantt In Gantt control, Splitter separates the TreeGrid section from the Chart section and is possible to change the position of the Splitter while loading the Gantt by using the [`splitterSettings`](/api/js/ejgantt#members:splittersettings "splitterSettings") property, thereby varying the width of the TreeGrid and Chart sections in the control. [`splitterSettings.position`](/api/js/ejgantt#members:splittersettings-position "splitterSettings.position") property denotes the percentage of the TreeGrid section’s width to be rendered and this property supports both pixels and percentage values. And also we can define the splitter position as column index value by using [`splitterSettings.index`](/api/js/ejgantt#members:splittersettings-index "splitterSettings.index") property. @@ -56,7 +56,7 @@ Gantt splitter positioned on third indexed column. N> We can define the splitter position value by using [`splitterPosition`](/api/js/ejgantt#members:splitterposition) property also, but this property was deprecated with [`splitterSettings.position`](/api/js/ejgantt#members:splittersettings-position "splitterSettings.position") property. -# Change splitter position dynamically +## Change splitter position dynamically In Gantt, we can change the splitter position dynamically by using [`setSplitterPosition`](/api/js/ejgantt#methods:setsplitterposition) and [`setSplitterIndex`](/api/js/ejgantt#methods:setsplitterindex) methods. The following code example shows how to use this methods. From af2fb2c19695a5869f5dfd9bbd43da5ba267e775 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Thu, 29 Aug 2024 17:00:24 +0300 Subject: [PATCH 2/4] resolved CI issue --- .../javascript-gantt-fifty-percent-position.png} | Bin .../javascript-gantt-px-position.png} | Bin .../javascript-gantt-splitter-position.png} | Bin .../javascript-gantt-thirty-percent-position.png} | Bin 4 files changed, 0 insertions(+), 0 deletions(-) rename js/Gantt/{How-to/Change-Splitter-position_images/Change-Splitter-position_img4.png => how-to/change-splitter-position_images/javascript-gantt-fifty-percent-position.png} (100%) rename js/Gantt/{How-to/Change-Splitter-position_images/Change-Splitter-position_img5.png => how-to/change-splitter-position_images/javascript-gantt-px-position.png} (100%) rename js/Gantt/{How-to/Change-Splitter-position_images/Change-Splitter-position_img2.png => how-to/change-splitter-position_images/javascript-gantt-splitter-position.png} (100%) rename js/Gantt/{How-to/Change-Splitter-position_images/Change-Splitter-position_img3.png => how-to/change-splitter-position_images/javascript-gantt-thirty-percent-position.png} (100%) diff --git a/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img4.png b/js/Gantt/how-to/change-splitter-position_images/javascript-gantt-fifty-percent-position.png similarity index 100% rename from js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img4.png rename to js/Gantt/how-to/change-splitter-position_images/javascript-gantt-fifty-percent-position.png diff --git a/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img5.png b/js/Gantt/how-to/change-splitter-position_images/javascript-gantt-px-position.png similarity index 100% rename from js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img5.png rename to js/Gantt/how-to/change-splitter-position_images/javascript-gantt-px-position.png diff --git a/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img2.png b/js/Gantt/how-to/change-splitter-position_images/javascript-gantt-splitter-position.png similarity index 100% rename from js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img2.png rename to js/Gantt/how-to/change-splitter-position_images/javascript-gantt-splitter-position.png diff --git a/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img3.png b/js/Gantt/how-to/change-splitter-position_images/javascript-gantt-thirty-percent-position.png similarity index 100% rename from js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img3.png rename to js/Gantt/how-to/change-splitter-position_images/javascript-gantt-thirty-percent-position.png From 928cbf981e65205ac3ac05a9f14dfd3125b844f6 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Thu, 29 Aug 2024 17:39:32 +0300 Subject: [PATCH 3/4] fixed ci issues --- js/Gantt/How-to/Change-Splitter-position.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/js/Gantt/How-to/Change-Splitter-position.md b/js/Gantt/How-to/Change-Splitter-position.md index 7d8599492..cbeeea4e6 100644 --- a/js/Gantt/How-to/Change-Splitter-position.md +++ b/js/Gantt/How-to/Change-Splitter-position.md @@ -34,22 +34,22 @@ The following code example explains how to define the [`splitterSettings.positio {% endhighlight %} -![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img2.png) +![Change splitter position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-splitter-position.png) Gantt with 30% splitter position {:.caption} -![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img3.png) +![Change splitter 30% position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-thirty-percent-position.png) Gantt with 50% splitter position {:.caption} -![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img4.png) +![Change splitter 50% position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-fifty-percent-position.png) Gantt with 600px splitter position {:.caption} -![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img5.png) +![JavaScript Gantt with 600px splitter position.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-px-position.png) Gantt splitter positioned on third indexed column. {:.caption} From e7d3eaaec3e686fb2503fa54a547a489456f1494 Mon Sep 17 00:00:00 2001 From: Edithabich Date: Thu, 29 Aug 2024 17:54:47 +0300 Subject: [PATCH 4/4] Update Change-Splitter-position.md --- js/Gantt/How-to/Change-Splitter-position.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/Gantt/How-to/Change-Splitter-position.md b/js/Gantt/How-to/Change-Splitter-position.md index cbeeea4e6..435484b37 100644 --- a/js/Gantt/How-to/Change-Splitter-position.md +++ b/js/Gantt/How-to/Change-Splitter-position.md @@ -39,12 +39,12 @@ The following code example explains how to define the [`splitterSettings.positio Gantt with 30% splitter position {:.caption} -![Change splitter 30% position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-thirty-percent-position.png) +![Change splitter thirty percent position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-thirty-percent-position.png) Gantt with 50% splitter position {:.caption} -![Change splitter 50% position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-fifty-percent-position.png) +![Change splitter fifty percent position in JavaScript Gantt.](/js/gantt/how-to/change-splitter-position_images/javascript-gantt-fifty-percent-position.png) Gantt with 600px splitter position {:.caption}