Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SEO-187022-JavaScript-Gantt-Chart-Alt-text-missing #500

Open
wants to merge 4 commits into
base: hotfix/hotfix-v26.1.35
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions js/Gantt/How-to/Change-Splitter-position.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Change-Splitter-position
description: change splitter position
title: Change-Splitter-position in JavaScript Gantt | Syncfusion
description: Learn here about change splitter position with Syncfusion JavaScript Gantt control, its elements, and more.
platform: js
control: Gantt
documentation: ug
Expand Down Expand Up @@ -34,29 +34,29 @@ 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 at load in JavaScript Gantt](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img2.png)

Gantt with 30% splitter position
{:.caption}

![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img3.png)
![Gantt with 30% splitter position in JavaScript Gantt](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img3.png)

Gantt with 50% splitter position
{:.caption}

![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img4.png)
![Gantt with 50% splitter position in JavaScript Gantt](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img4.png)

Gantt with 600px splitter position
{:.caption}

![](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img5.png)
![Gantt with 600px splitter position in JavaScript Gantt](/js/Gantt/How-to/Change-Splitter-position_images/Change-Splitter-position_img5.png)

Gantt splitter positioned on third indexed column.
{:.caption}

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.

Expand Down
Binary file not shown.