I have a diagram with fixed width and height, and on this diagram I have tons of generated shapes in a tree layout.
The shapes cannot be fully displayed in the diagram, only a part of them can be seen. I need to zoom out to shrink all the shapes in order to see the complete picture. However, because there are a lot of shapes, after zooming out, each shape becomes very small and cannot be seen clearly. I hope the diagram can have a horizontal and vertical scrolling feature, so that I can scroll to view the entire picture. I did not find the scrolling feature for the diagram in the documentation. (Pan and drag are not what I'm looking for.)
How can I implement this?
Thanks.
I don't know why the title text of sliding pane is upside down. This sliding pane is a 'left-to-right' pane, so the titel text should be facing left.
Can someone help me?
<div>
<telerik:RadSplitter runat="server" ID="splitter" Width="1500px" Height="1000px" Orientation="Vertical" RenderMode="Lightweight">
<telerik:RadPane runat="server" ID="Pane1" Scrolling="None" Width="22px">
<telerik:RadSlidingZone runat="server" ID="SlidingZone1" Width="22px" SlideDirection="Right">
<telerik:RadSlidingPane runat="server" ID="SlidingPane1" Width="600px" EnableDock="false" EnableResize="false" Title="Input Control">
<div style="padding:5px;">
<table>
<tr>
<td style="width:150px; text-align:left; vertical-align:text-bottom">
<telerik:RadLabel runat="server" ID="InputNodeLabel" AssociatedControlID="InputNodeDropDownList" Text="Input Node:"></telerik:RadLabel>
</td>
<td>
<telerik:RadDropdownList runat="server" ID="InputNodeDropDownList" DefaultMessage="Select..." DropDownHeight="300px" DropDownWidth="200px" EnableVirtualScrolling="true">
</telerik:RadDropdownList>
</td>
<td>
<telerik:RadLabel runat="server" ID="ShowNode"></telerik:RadLabel>
</td>
</tr>
<tr>
<td style="width:150px; text-align:left; vertical-align:text-bottom">
<telerik:RadLabel runat="server" ID="InputLevelLabel" AssociatedControlID="InputLevlTextBox" Text="Input Level:"></telerik:RadLabel>
</td>
<td>
<telerik:RadTextBox runat="server" ID="InputLevelTextBox" Width="200px" EmptyMessage="Please type here..."></telerik:RadTextBox>
</td>
<td>
<telerik:RadLabel runat="server" ID="ShowLevel"></telerik:RadLabel>
</td>
</tr>
<tr>
<td>
<telerik:RadLabel runat="server" ID="InputDirectionLabel" AssociatedControlID="InputDirectionComboBox" Text="Choose Direction:"></telerik:RadLabel>
</td>
<td>
<telerik:RadComboBox runat="server" ID="InputDirectionComboBox" >
<Items>
<telerik:RadComboBoxItem Selected="true" Value="DefaultSelect" Text="(Select...)" />
<telerik:RadComboBoxItem Value="Forward" Text="Forward" />
<telerik:RadComboBoxItem Value="Backward" Text="Backward"/>
</Items>
</telerik:RadComboBox>
</td>
<td>
<telerik:RadLabel runat="server" ID="ShowDirection"></telerik:RadLabel>
</td>
</tr>
<tr>
<td><br /></td>
</tr>
<tr>
<td>
<telerik:RadButton runat="server" ID="Apply1" Text="Apply" Width="100px" AutoPostBack="true" OnClick="Apply1_Click"></telerik:RadButton>
</td>
</tr>
</table>
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="SlidingPane2" runat="server" Width="600px" Title="test">
Test pane content
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadPane runat="server" ID="Pane2" Scrolling="None" >
<telerik:RadDiagram runat="server" ID="test_diagram" Width ="100%" Height="1000" ZoomRate="1" ZoomMax="1">
<LayoutSettings Enabled="true" Type="Tree" Subtype="Right" />
</telerik:RadDiagram>
</telerik:RadPane>
</telerik:RadSplitter>
</div>
Hi. New here, still getting my hands on Telerik.
I want to draw a diagram in tree layout, and I followed the documentation, added LayoutSettings.
The shapes and connections for the diagram are generated in C# code.
But what I got was nothing near what is shown in the documentation and demo. The shapes are overlapping each other. The connections between shapes look weird. You can see that in file problem_diagram.png. In fact, I have 8 shapes in this diagram, but the shapes are overlapping at the top left corner, so you can only see 5 shapes. I dragged the shapes so that all shapes can be seen in file dragged_diagram.png.
update: I solved the problem.
Hi All,
Can any one let me know how to save and retrieve the layout settings from SQL server .
Hello,
I've been facing a issue of timeout script not trigger. I'm using asp.net webform telerik version R2 2021 SP1 (version 2021.2.616.
If I don't click any page from menu and any button (consider as do nothing for 59seconds) so after 59 seconds when I click any other page from menu or click any button, so application automatically logout and go to logout page.
clientevents ResponseEnd not trigger after 1minute tererik version R2 2021 SP1 (version 2021.2.616.Thanks
Yasir Khan
Need to set friendly URLs for ASP classic web site running on IIS 7 .
There is this rules in my web.config
<rewrite>
<rules>
<rule name="chatter">
<match url="^chatter/default.aspx?article=([0-9]+)" />
<action type="Rewrite" url="chatter/article{R:1}.aspx" />
<conditions>
<add input="{QUERY_STRING}" pattern="^www\.SUB\.DOMAIN\.org$" />
</conditions>
</rule>
</rules>
</rewrite>
Nothing happens when I apply this rule. Please note there is subdomain included. Any help ?
I need to display some pictures, between 1 and 40 or 50, and let the users select one or more of them.
Does Telerik have control that does a good job of this?
The imageGalary looks good but I don't see any way to select an image.
Any suggestions?
Bernie
Dont need to show me how. It would be appreciated, but at 1st I need to know if it is possible to on the client iterate through rows on a RadGrid and change the selected item of a RadComboBox in each row. It isnt our ultimate goal. We want when a parent row is changed for all the comboboxes in the child to get changes to the same, but the code below is a start.
I try this and no visible change is made in the grid.
for (var i = 0; i < Telerik.Web.UI.RadComboBox.ComboBoxes.length; i++) {
for (var i = 0; i < Telerik.Web.UI.RadComboBox.ComboBoxes.length; i++) {
var combo = Telerik.Web.UI.RadComboBox.ComboBoxes[i];
var item = combo.findItemByText(changedValue);
console.log(item);
if (item) {
item.select();
}
}
I want to add a watermark to the pdf file to be displayed in pdfviewer.
Please inquire if it is possible.