Side by side view

[Marcin Ziolkowski]

Hi,

I am working on a product that requires to display two documents side by side. I can display those documents by using two document editor components and it works well. However, there are some things that we would like to add to make it even better. Is it possible to:

1. Scroll synchronization. Is there a way to add onscroll callback to the editor and also set the same scroll position on the second editor if the position change?
2. Because one of the documents is in the read-only mode the toolbar is displayed only above the second editor. Is there an easy way to display the toolbar itself outside the editor container component so that it would be displayed above the both editors. The example of the layout is below:

[Ragu Thanigasalam]

1. Two editors cannot have their scrolls synchronized scrollbar position is separately updated by the editor.
2. We have prepared a sample for your reference. Please find a below sample and let us know if the sample meets your requirements. (note: we have added the toolbar only for reference , just add the item you need to the tool bar and use it.)

               sample link - Yhy44b (forked) - StackBlitz

        
 

[Marcin Ziolkowski]

Thank you Ragu for the answer and example. I will work on the toolbar. Any chance to put the onScroll listener to the roadmap for the following releases?

[Balamurugan Shanmugam]

Hi Marcin,

Currently, we don't have any plans to include this requirement of scroll sync in documentEditor. So, we are not able to achieve this scroll syncronization. Instead, we have a workaround solution to achieve this: scrolling to the page related to the page number. Please find the attached video below for your reference.

Sample - https://stackblitz.com/edit/react-jztwkt-bdxfgt?file=index.js,index.html

If the below-mentioned sample doesn't meet your requirement, could you please explain in detail how you are intending to scroll the document editor syncronically?

Regards,

Balamurugan S

Attachment: Media11_(2)_217e4588.zip

[Marcin Ziolkowski]

Hi Balamurugan,

I saw that we can scroll to the page. I think I will apply this at the moment.

The product that I am working on should help users to compare the documents. Let's assume that one document is in English and the second in Spanish. The person needs to check if both texts have the same meaning. So when we scroll one of the documents we want also to scroll the second document at the same time, both horizontally and vertically.

Best,

M

[Balamurugan Shanmugam]

Hi Marcin,

Currently, in DocumentEditor, we don't have support for scroll synchronization. We will analyze further on providing support for the same. We will share the validation details by December 19th, 2023.

Regards,

Balamurugan S

[Mugunthan Anbalagan]

Hi Marcin,

We need an additional timeline to further analyze on your requirement. Currently, we are working on it with high priority, and we will provide further updates on or before December 21, 2023.

Regards,

Mugunthan A

[Mugunthan Anbalagan]

Hi Marcin,

We attempted to fulfill your requirement at the application level, but we were unable to do so successfully. Therefore, we are currently exploring the possibility of providing event support as a means to achieve your requirement. This will necessitate additional time for analysis. We will provide you with a further update on this by December 21, 2023.

Regards,

Mugunthan A 

[Balamurugan Shanmugam]

Hi Marcin,

We have logged this as a feature request. We don’t have any immediate plans to implement this feature now.

 

We usually have an interval of at least three months between the releases. At the planning stage for every release cycle, we review all open features once again and finalize features for implementation based on specific parameters, including product vision, technological feasibility, and customer interest. The feedback will be moved to scheduled status with an estimated delivery period whenever we have more information to provide regarding the development of this improvement. We appreciate your patience until then.

    

You can track the status of this feature at the following link:

https://www.syncfusion.com/feedback/49477/provide-extra-argument-in-view-change-event-to-get-the-scroll-top-and-left-values

Regards,

Balamurugan S

[Mahmoud El Kobi]

Hello Syncfusion,

I just need the same feature in my solution.

Is it released or not yet?

[Suriya Murugan]

Mahmoud, This feature is not included in release.  We don’t have any immediate plans to implement this feature now.