20
Views
6
Comments
Solved
Horizontal Draggable Split Screen
Question
Application Type
Reactive

How can I implement a draggable split screen within a single screen to separate two distinct blocks? I want users to be able to adjust the size of each block by dragging the divider between them. What would be the best approach to achieve this? 


 

2025-02-07 09-54-44
Sivasakthi Munusamy
Solution

Hi @Karthik Santosh ,

can you pls refer the below attached oml, If it helps.

Horizontal.oml
UserImage.jpg
Karthik Santosh

Thank you Sivasakthi, works well!


2023-11-22 10-51-50
Jozy Sohail
Solution

Hi Karthik,

Please find below OML as per your implementation.

hope it helps.


Drag.oml
UserImage.jpg
Karthik Santosh

Thank you Jozy, works well!

2026-01-28 16-57-48
Mihai Melencu
Champion

Hello @Karthik Santosh ,

You can try the SplitJS library. Here is a sample for your use case: Sample Vertical .

Also you can check this forge component: Split Grid. 

If you need help setting it up let us know.

UserImage.jpg
Karthik Santosh

Hi Mihai, thank you for your response. Unfortunately, we are restricted from using packages outside our approved set of components.

2025-02-07 09-54-44
Sivasakthi Munusamy
Solution

Hi @Karthik Santosh ,

can you pls refer the below attached oml, If it helps.

Horizontal.oml
UserImage.jpg
Karthik Santosh

Thank you Sivasakthi, works well!


2023-11-22 10-51-50
Jozy Sohail
Solution

Hi Karthik,

Please find below OML as per your implementation.

hope it helps.


Drag.oml
UserImage.jpg
Karthik Santosh

Thank you Jozy, works well!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.