Some properties seem to have no effect

2 posts, 1 answers
  1. Hans
    Hans avatar
    11 posts
    Member since:
    Jul 2014

    Posted 15 Jul 2014 Link to this post


    I am evaluating the diagram control and I found some properties that seems to have no effect.  I use the following lines to initialize the control:
    1.<telerik:RadPane ID="diagramPane" runat="server" Scrolling="Y">
    2.                <telerik:RadDiagram Resizable="False" ZoomRate="1" ID="radDiagram" runat="server" Width="100%" Height="100%" Draggable="True" Enabled="True" Rotatable="False" Font-Size="12">
    3.                    <ClientEvents OnLoad="diagram_load" OnClick="diagram_click" />

    The following properties seem to have no effect:
    • Line 1: Scrolling="Y": If I drag a shape over the boundaries, no scoll bar is visible.
    • Line 2: Resizeable="False": The shapes can still be resized.
    • Line 2: Rotatable="False": The shapes are still rotatable.
    • Line 2: Font-Size="12": The font size remains at 15.

    Any ideas?

    Kind regards,

  2. Answer
    Vessy avatar
    1354 posts

    Posted 15 Jul 2014 Link to this post

    Hi Hans,

    The RadDiagram object has its own scrolling (Cntrl+mouse drag over the diagram) and when the height of the diagram is set to 100% it never exceeds its parent RadPane's height. The scrolling of the RadPane on other hand will be shown in a scenario when the height of the diagram is bigger than the hight of the RadPane. For example:
    <telerik:RadPane ID="diagramPane" runat="server" Scrolling="Y" Height="200">
        <telerik:RadDiagram Resizable="False" ZoomRate="1" ID="radDiagram" runat="server" Width="100%" Height="500" Draggable="True" Enabled="True" Rotatable="False" Font-Size="12">
            <ClientEvents OnLoad="diagram_load" OnClick="diagram_click" />

    The Resizable and Rotable properties does not work for the moment due to a known bug in the Kendo UI diagram widget. Unfortunately I cannot give you any firm estimate when this issue will be fixed.

    Regarding the Font property - it is a standard property inherited by the WebControl Class which is not implemented in the RadDiagram (and unfortunately cannot be hidden). A possible way to set the font style for the shapes' content could be to use a similar styles:
    div.k-diagram text
        font-size: 12pt;

    I hope this information will be helpful for you.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top