Scrolling of Web Form within the RadDiagram control

4 posts, 0 answers
  1. Vitali
    Vitali avatar
    2 posts
    Member since:
    Jan 2014

    Posted 20 Jun Link to this post

    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?

  2. Rumen
    Admin
    Rumen avatar
    13278 posts

    Posted 23 Jun Link to this post

    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.
  3. Vitali
    Vitali avatar
    2 posts
    Member since:
    Jan 2014

    Posted 10 Jul Link to this post

    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)?

  4. Rumen
    Admin
    Rumen avatar
    13278 posts

    Posted 12 Jul Link to this post

    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.
Back to Top