This is a migrated thread and some comments may be shown as answers.

Scrolling of Web Form within the RadDiagram control

3 Answers 197 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Vitali
Top achievements
Rank 1
Vitali asked on 20 Jun 2017, 08:21 AM

I have a problem if the RadDiagram is within a Web Form, which must be scrolled vertically. The vertical scrolling of the Web Form is not possible within the diagram control although the following properties are defined for the diagram (the interaction with the diagram and with its shapes is not required).

Editable="false" Selectable="false" ZoomMax="1" ZoomMin="1"

How do I solve the problem so that the vertical scrolling also works within the diagram control?

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 23 Jun 2017, 11:08 AM
Hello,

RadDiagram does not provide visible scrolling, because of its panning functionality. 

You can pan the Diagram by holding the Ctrl key and click+dragging inside the widget area.
You can read more about user interaction in the Diagram widget at this demo page: http://demos.telerik.com/aspnet-ajax/diagram/examples/interactions/defaultcs.aspx

There is a logged feature request for adding such scrollbars in the diagram: http://feedback.telerik.com/Project/108/Feedback/Details/137554. You can use it to vote for the feature, comment it and track its progress.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Vitali
Top achievements
Rank 1
answered on 10 Jul 2017, 08:59 AM

Hello Rumen,

thank you very much for your reply. OK - RadDiagram does not provide visible scrolling.

Another related question:
If the web page, which includes the RadDiagram (amongst other controls), has the vertical scroll bars, then there should be a possibility to scroll this web page with the mouse wheel. However, scrolling with the mouse wheel will not work if the mouse pointer is over the RadDiagram. Scrolling the web page with the mouse wheel works over all other controls, but as soon as the mouse pointer reaches the RadDiagram, the scroll bar must be moved with the left mouse button to scroll down or up.

Is there a workaround to enable scrolling of the web page with the mouse wheel over the RadDiagram (perhaps using transparent control overlay or something similar)?

0
Rumen
Telerik team
answered on 12 Jul 2017, 03:27 PM

Hello Vitali,

In the context of the diagram, the map and tile list we capture the scroll to provide zoom or vertical scroll capabilities and you need to move the cursor outside of these controls to be able to scroll the page.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Diagram
Asked by
Vitali
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Vitali
Top achievements
Rank 1
Share this question
or