Hi

Can anyone tell me if it is possible to save the org chart to a PDF document?

Cheers
Cliff

Hi all,

The WPF Rad TreeView has a property called 'IsSingleExpandPath' to force a treeview to only open one path at a time. If you open a node on a new path, all the other nodes that are on a different path will be closed.
Is there a similar feature for the ASP TreeView without doing messy things in javascript?

Erik

Hi,
I found rad window manager "Alert, Prompt, Confirm" windows are very useful.
I read the below features of rad window manager : 
Here are the main RadWindowManager's dialogs advantages:

• Full customization of the window look to blend into the design of the site, thus increasing usability.
• Control the initial size of the popup by providing width and height as extra parameters.
• Richer user experience by using HTML content for the dialogs.

I wonder how I can customize the radalert content for example. 

I want the OK button be at the center of the window and I want to change the background and the text color and so on.

kindly help me to do that and suggest any useful articles.

regards,

Dear Team,

I've a custom validator that showing a rad alert using window manager.
the problem is the custom validator is fired twice some times so it make two rad alert.
how can i detect if the rad window is already opened or closed ? 

when i use rad window i can do that by using this method isClosed()

regards,

Hello
I am new to telerik controls and new to the company I am working for. I have asked to fix some telerik control updates

1. First one is tooltip is needed to be clicked twice to open for the first time
2. and the second one is It always points to the previously selected row.

I am attaching the pics to be more clear

I really appreciate any kind of help.. I am totally lost here.

Thanks

I am struggling to figure out how to open a radwindow from my vb codebehind... I was able to get my window to open correctly by setting up an onclientclick event for a hyperlink but this is not what I want to do.  I want to handle the serverside onclick event for a link button so that I can do some server side validation and then if the validation passes I will open the popup.  Currently the code below is generating a jscript error "Object doesn't support this property or method".  The weird thing is that this exact same javascript executed successfully when it was called from a hyperlink onclientclick event and that is why I am confused?  Any thoughts?









This is the  oldcode that executed succesfully... essentially calling the same jscript function from a hyperlink client onclick as opposed to a serverside linkbutton click...

Hi Telerik,

On the bottom of my RadGrid I have a problem, the buttons that display the page numbers don't show up properly (please see the image, page "2"). What can I do about this?

Thank you.

Hello,

I have a RadGrid contained in a Div width of 986px. The columns of the grid can be resized. When the column width exceeds 986px I do have a horizontal scroll and it works in browsers IE8, IE9, Firefox, Chrome and Safari. By cons in IE6/IE7 I have a vertical scroll in addition to the right of the grid.

How to not have to scroll vertical?
Aspx

cs


 cordially

I have a rad grid that has a hyperlink to open a new rad window with the selected row items details. This page switches out user controls for the content, but keeps the nav in tact. When the detail window opens, there is a link to open a new rad window that shows details. this window opens up a aspx page that also switches out user controls when nav item is clicked, When I click the close icon on the nested window, I get an error telling me that an object is expected and the window never closes. The radwindow manager is in the masterpage that both window pages inherit. below is my code. How do I get the window to close?

This is the radwindowmanager in the mser page that both pages within the radwindows inherit.

 

 

 

<telerik:RadWindowManager ID="RadWindowManager" runat="server" EnableShadow="true" Style="z-index: 2">

        <Windows>

            <telerik:RadWindow runat="server" ID="fullWindow" EnableShadow="false" VisibleStatusbar="false" CssClass="fullWindowClass"

                Behaviors="Close" ReloadOnShow="true" ShowContentDuringLoad="false" OnClientBeforeShow="fullWindow_BeforeShow" OnClientClose="fullWindow_OnClose" />

            <telerik:RadWindow runat="server" ID="smallWindow" EnableShadow="false" VisibleStatusbar="false"

                Modal="true" Behaviors="Close" ReloadOnShow="true" ShowContentDuringLoad="false"

                Width="600" Height="390" BackColor="#FFFFFF" />

            <telerik:RadWindow runat="server" ID="lmsWindow" EnableShadow="false" VisibleStatusbar="true"

                VisibleTitlebar="true" Behaviors="Close,Resize" ReloadOnShow="true" ShowContentDuringLoad="false"

                OnClientBeforeShow="fullWindow_BeforeShow" />

        </Windows>

    </telerik:RadWindowManager>

 

Here is the code that pops up the annotatedimage.aspx page.


Here is the annotated image page that loads the user controls when a navigation node is clicked.

<%@ Page Title="Annotated Image: " Language="C#" MasterPageFile="~/MasterPages/Empty.Master" AutoEventWireup="true" CodeBehind="AnnotatedImage.aspx.cs" Inherits="DigitalScope.Web.Images.AnnotatedImage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphScriptsStyles" runat="server">

    <script type="text/javascript">

        function showConfirmWindow(sender, args) {

            var window = $find("<%= confirmWindow.ClientID %>");

 

            var slideId = sender.get_commandArgument();

 

            if (window) {

                window.set_showContentDuringLoad(false);

                window.setUrl("DeleteLayer.aspx?SlideID=" + slideId);

                window.show();

            }

        }

 

        function onSilverlightLoad(sender, args) {

            var sl = $("#silverlight_container");

            if (sl) {

                var docHeight = getDocHeight();

                var listheader = $("#listheader").height();

 

                sl.height(docHeight - listheader - 15);

            }

        }

 

        function onSilverlightError(sender, args) {

            var appSource = "";

            if (sender != null && sender != 0) {

                appSource = sender.getHost().Source;

            }

 

            var errorType = args.ErrorType;

            var iErrorCode = args.ErrorCode;

 

            if (errorType == "ImageError" || errorType == "MediaError") {

                return;

            }

 

            var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";

 

            errMsg += "Code: " + iErrorCode + "    \n";

            errMsg += "Category: " + errorType + "       \n";

            errMsg += "Message: " + args.ErrorMessage + "     \n";

 

            if (errorType == "ParserError") {

                errMsg += "File: " + args.xamlFile + "     \n";

                errMsg += "Line: " + args.lineNumber + "     \n";

                errMsg += "Position: " + args.charPosition + "     \n";

            }

            else if (errorType == "RuntimeError") {

                if (args.lineNumber != 0) {

                    errMsg += "Line: " + args.lineNumber + "     \n";

                    errMsg += "Position: " + args.charPosition + "     \n";

                }

                errMsg += "MethodName: " + args.methodName + "     \n";

            }

 

            throw new Error(errMsg);

        }

 

        function splitter_load(sender) {

            resizeSplitter();

        }

 

        function splitter_resized(sender, args) {

            resizeSplitter();

        }

 

        function resizeSplitter() {

            var splitter = $find("<%= splitter.ClientID %>");

 

            var docHeight = getDocHeight();

            var header = $('#header-wrap').height();

            var footer = $('#footer-wrap').height();

 

            splitter.set_height(docHeight - header - footer);

 

            if (typeof ResizeListContainer == 'function') {

                ResizeListContainer();

            }

        }

 

        function ResizeListContainer() {

            var splitter = $(".column_splitter").first();

            var listheader = $("#listheader").height();

            var listfooter = $("#listfooter").height();

            var listcontainer = $("#listcontainer").height();

            var nudge = 50;

 

            if (splitter) {

                $("#listcontainer").height(splitter.height() - listfooter - listheader - nudge)

            }

        }

 

        function getDocHeight() {

            var D = document;

            return Math.max(

                Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),

                Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),

                Math.max(D.body.clientHeight, D.documentElement.clientHeight)

            );

        }

 

        function CloseAndRebind(args) {

            GetRadWindow().BrowserWindow.RefreshGrid(args);

            GetRadWindow().close();

        }

 

        function GetRadWindow() {

            var oWindow = null;

            if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

            else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)

 

            return oWindow;

        }

 

        function Close() {

            GetRadWindow().close();

             

        }

 

        $(document).ready(function () {

            GetRadWindow().add_beforeClose(GetRadWindow().BrowserWindow.RefreshGrid);

        });

 

        function showEmailWindow() {

            var window = $find("<%= emailLinkWindow.ClientID %>").show();

        }

 

        function selectNode(text) {

            var treeView = $find("<%= tvActions.ClientID %>");

            var node = treeView.findNodeByText(text);

            node.select();

        }

    </script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">

    <telerik:RadAjaxManager runat="server" ID="AjaxManager" OnAjaxRequest="AjaxManager_AjaxRequest" EnablePageHeadUpdate="true" >

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="tvActions">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="multiPage" />

                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="btnSave">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="multiPage" />

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManager>

    <telerik:RadButton runat="server" ID="btnResetView" OnClick="btnResetView_Click" Visible="false" />

    <telerik:RadWindow runat="server" ID="confirmWindow" Title="Delete Annotation Layer" Modal="true" Behaviors="Close, Move" Height="475" Width="500" VisibleStatusbar="false" BackColor="White" />

    <telerik:RadWindow runat="server" ID="emailLinkWindow" Title="Email Link" Modal="true" OnClientShow="" Behaviors="Close" Height="300" Width="600"

        VisibleStatusbar="false">

        <ContentTemplate>

            <div class="form">

                <div class="row">

                    <telerik:RadTextBox runat="server" Width="550px" ID="tbToEmail" Label="To" />

                </div>

                <div class="validationRow">

                    <div class="right">

                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1"

                            ControlToValidate="tbToEmail"

                            ErrorMessage="Invalid email"

                            Display="Dynamic"

                            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

                            runat="server" />

                    </div>                   

                </div>

                <div class="row">

                    <telerik:RadTextBox runat="server" Width="550px" ID="tbFromEmail" Label="From" />

                </div>

                <div class="validationRow">

                    <div class="right">

                        <asp:RegularExpressionValidator ID="RegularExpressionValidator2"

                            ControlToValidate="tbFromEmail"

                            ErrorMessage="Invalid email"

                            Display="Dynamic"

                            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

                            runat="server" />

                    </div>                   

                </div>

                <div class="row">

                    <telerik:RadTextBox runat="server" Width="550px" ID="tbBodyEmail" Label="Body" TextMode="MultiLine" Rows="4" />

                </div>

                <div class="row">

                    <telerik:RadButton ID="RadButton1" runat="server" Text="Send" OnClick="btnShareEmail_Click" />

                </div>          

            </div>

        </ContentTemplate>

    </telerik:RadWindow>

    <telerik:RadSplitter runat="server" ID="splitter" Width="100%" Height="95%" LiveResize="true" SplitBarsSize="5px" VisibleDuringInit="false" ResizeMode="EndPane" CssClass="column_splitter" OnClientLoaded="splitter_load" OnClientResized="splitter_resized">

        <telerik:RadPane runat="server" ID="rightPane" Width="200" MinWidth="200" CssClass="twocolumn_pane" Scrolling="None">

            <div id="listheader">

                <h2>Actions</h2>

            </div>

            <div id="listcontainer">

                <telerik:RadTreeView ID="tvActions" runat="server" CausesValidation="false"

                    OnNodeClick="tvActions_NodeClick" onprerender="tvActions_PreRender">

                    <Nodes>

                        <telerik:RadTreeNode Text="Overview" Value="Overview" Selected="true" />

                        <telerik:RadTreeNode Text="Edit" Value="Edit" />

                        <telerik:RadTreeNode Text="Annotate" Value="Annotate" />

                        <%--<telerik:RadTreeNode Text="Set Key" Value="SetKey" />--%>

                        <telerik:RadTreeNode Text="Preview" Value="Preview" />

                        <telerik:RadTreeNode Text="Revision History" Value="RevisionHistory" />

                        <telerik:RadTreeNode Text="Delete" Value="Delete" />

                        <%--<telerik:RadTreeNode Text="Sharing" Value="Sharing" />--%>

                    </Nodes>

                </telerik:RadTreeView>

            </div>

            <div id="listfooter">

                <telerik:RadButton ID="RadButton2" runat="server" CausesValidation="false" Text="Back To List" OnClick="btnClose_Click" />

            </div>                      

        </telerik:RadPane>

        <telerik:RadSplitBar runat="server" CollapseMode="Forward" CollapseExpandPaneText="Expand/Collapse">

        </telerik:RadSplitBar>

        <telerik:RadPane runat="server" CssClass="twocolumn_pane">

            <telerik:RadMultiPage ID="multiPage" runat="server" SelectedIndex="0" ScrollBars="Auto" Height="95%"

                OnPageViewCreated="multiPage_PageViewCreated" CssClass="multiPage" />           

        </telerik:RadPane>

    </telerik:RadSplitter>

 

    <telerik:RadCodeBlock runat="server" ID="Rad">

        <script type="text/javascript" language="javascript">

             

        </script>

</telerik:RadCodeBlock>

</asp:Content>

Here is the user control code with the javascript that opens the second detail window.

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AnnotatedImage_Overview.ascx.cs" Inherits="DigitalScope.Web.Images.controls.AnnotatedImage_Overview" %>

<%@ Register Assembly="Microsoft.Practices.Web.UI.WebControls" Namespace="Microsoft.Practices.Web.UI.WebControls" TagPrefix="pp" %>

 

<div id="listheader">

    <h2>Annotated Image - <asp:Literal ID="litSlideName" runat="server"></asp:Literal></h2>

</div>

<asp:FormView ID="fvDetails" runat="server" DataSourceID="ocdsSlide" OnDataBound="fvDetails_DataBound" HorizontalAlign="Center" Width="100%">

    <ItemTemplate>

        <div class="form formHeader">

            Annotated Image Information

        </div>

        <div class="form">

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="The Name of the annotated image." />

                <span class="left">Name:</span>

                <div class="right">

                    <asp:Literal ID="tbSlideName" runat="server" Text='<%# Eval("SlideName") %>' />

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="The Revision Number of the annotated image." />

                <span class="left">Revision:</span>

                <div class="right">

                    <asp:Literal ID="tbSlideRevision" runat="server" Text='<%# Eval("Revision") %>' />

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="The Folder(s) that the annotated image belongs to." />

                <span class="left">Folder(s):</span>

                <div class="right">

                    <asp:Literal runat="server" ID="litSlideGroups" />                       

                </div>                               

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="The name of the source image this annotated image is based on." />

                <span class="left">Source Image:</span>

                <div class="right">

                    <asp:Hyperlink ID="hlSourceImageName" runat="server" CssClass="color" />                       

                </div>                               

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="The default zoom level to use when navigating to regions of interest." />

                <span class="left">Default Zoom:</span>

                <div class="right">

                    <asp:Literal runat="server" ID="litDefaultZoom" />                       

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="The maximum zoom as a percentage of the total magnification." />

                <span class="left">Max Zoom:</span>

                <div class="right">

                    <asp:Literal runat="server" ID="litMaxZoom" />                       

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Link to LMS course (if present)." />

                <span class="left">LMS Course:</span>

                <div class="right">

                    <asp:Hyperlink runat="server" ID="lnkLMSCourseId" Target="_blank" Text="Not Set" ForeColor="#000000" />                       

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Specifies if this annotated image is available for preview without logging in." />

                <span class="left">For Preview:</span>

                <div class="right">

                    <telerik:RadButton ID="RadButton1" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" ReadOnly="true" Checked='<%# Eval("ForPreview").ToString().ToLower().Equals("true") %>' />

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Specifies if this annotated image is available on mobile devices." />

                <span class="left">For Mobile:</span>

                <div class="right">

                    <telerik:RadButton ID="RadButton2" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" ReadOnly="true" Checked='<%# Eval("ForMobile").ToString().ToLower().Equals("true") %>' />

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Case history for the annotated image." />

                <span class="left">Case History:</span>

                <div class="right">

                    <asp:Literal runat="server" ID="litCaseHistory" Text='<%# Eval("CaseHistory") %>' />

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Description for the annotated image." />

                <span class="left">Description:</span>

                <div class="right">

                    <asp:Literal runat="server" ID="litSlideDescription" Text='<%# Eval("Description") %>' />

                </div>

            </div>      

        </div>

        <div class="form formHeader">

            Share A Link to this Annotated Image

        </div>

        <div class="form">

            <a href="#" style="color: #1c7aa7 !important;" onclick='showEmailWindow();'>Email Link to this Annotated Image</a>

        </div>

        <div class="form formHeader">

            Annotation Types

        </div>

        <div class="form">

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Regions of Interest (green boxes) for the annotated image." />

                <span class="left">Regions Of Interest (ROI):</span>

                <div class="right">

                    <telerik:RadGrid ID="gvStatistics" runat="server" AutoGenerateColumns="false" DataSourceID="ocdsRegionsOfInterest"

                        AllowSorting="true" AllowPaging="false" AllowFilteringByColumn="false" ShowGroupPanel="false"

                        EnableLinqExpressions="false" PagerStyle-AlwaysVisible="true">

                        <ClientSettings AllowDragToGroup="false" EnableRowHoverStyle="true" Selecting-AllowRowSelect="true" />

                        <MasterTableView CommandItemDisplay="None" DataKeyNames="RegionOfInterestId">

                            <Columns>

                                <telerik:GridBoundColumn DataField="RegionOfInterestId" Visible="false" />

                                <telerik:GridBoundColumn DataField="Text" HeaderText="ROI Text" />

                                <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments" />

                                <telerik:GridBoundColumn DataField="EnableGrading" HeaderText="Enable Grading" Visible="false" />

                                <telerik:GridBoundColumn DataField="Enabled" HeaderText="Enabled" Visible="false" />                                                                                                                                             

                            </Columns>

                            <NoRecordsTemplate>

                                No Regions of Interest (ROI)

                            </NoRecordsTemplate>

                        </MasterTableView>

                    </telerik:RadGrid>

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Arrows for the annotated image." />

                <span class="left">Arrows:</span>

                <div class="right">

                    <telerik:RadGrid ID="rgArrows" runat="server" AutoGenerateColumns="false" DataSourceID="ocdsArrows"

                        AllowSorting="true" AllowPaging="false" AllowFilteringByColumn="false" ShowGroupPanel="false"

                        EnableLinqExpressions="false" PagerStyle-AlwaysVisible="true">

                        <ClientSettings AllowDragToGroup="false" EnableRowHoverStyle="true" Selecting-AllowRowSelect="true" />

                        <MasterTableView CommandItemDisplay="None" DataKeyNames="ArrowId">

                            <Columns>

                                <telerik:GridBoundColumn DataField="ArrowId" Visible="false" />

                                <telerik:GridBoundColumn DataField="Text" HeaderText="Arrow Text" />                                                                                                                                     

                            </Columns>

                            <NoRecordsTemplate>

                                No Arrows

                            </NoRecordsTemplate>

                        </MasterTableView>

                    </telerik:RadGrid>

                </div>

            </div>

        </div>

        <div class="form formHeader">

            Quiz Components

        </div>

        <div class="form">

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Pins (annotations) for the annotated image." />

                <span class="left">Pins:</span>

                <div class="right">

                    <div class="RadGrid RadGrid_Metro" tabindex="0">

                        <table class="rgMasterTable" cellspacing="0" border="0" style="width:100%;table-layout:auto;empty-cells:show;">

                            <colgroup>

                                <col>

                            </colgroup>

                            <thead>

                                <tr>

                                    <th class="rgHeader" scope="col">

                                        <a>Pins Tree</a>

                                    </th>

                                </tr>

                            </thead>

                            <tbody>

                                <tr class="rgNoRecords">

                                    <td style="text-align:left;" colspan="1">

                                        <asp:Literal runat="server" ID="litNoPins" Text="No Pins" Visible="false" />

                                        <telerik:RadTreeView ID="tvPins" runat="server" DataSourceID="ocdsPins" DataFieldID="AnnotationId" DataFieldParentID="ParentAnnotationId" DataTextField="Text" Style="white-space: normal;" />

                                    </td>

                                </tr>

                            </tbody>

                        </table>      

                    </div>                        

                </div>

            </div>

            <div class="row">

                <img alt="info" src="../Pictures/info.png" class="info" text="Buckets (categories) for the annotated image." />

                <span class="left">Buckets:</span>

                <div class="right">

                    <telerik:RadGrid ID="rgBuckets" runat="server" AutoGenerateColumns="false" DataSourceID="ocdsBuckets"

                        AllowSorting="true" AllowPaging="false" AllowFilteringByColumn="false" ShowGroupPanel="false"

                        EnableLinqExpressions="false" PagerStyle-AlwaysVisible="true">

                        <ClientSettings AllowDragToGroup="false" EnableRowHoverStyle="true" Selecting-AllowRowSelect="true" />

                        <MasterTableView CommandItemDisplay="None" DataKeyNames="CategoryId">

                            <Columns>

                                <telerik:GridBoundColumn DataField="CategoryId" Visible="false" />

                                <telerik:GridBoundColumn DataField="Text" HeaderText="Bucket Text" />    

                                <telerik:GridBoundColumn DataField="Enabled" HeaderText="Enabled" Visible="false" />                                                                                                                                      

                            </Columns>

                            <NoRecordsTemplate>

                                No Buckets

                            </NoRecordsTemplate>

                        </MasterTableView>

                    </telerik:RadGrid>

                </div>

            </div>

        </div>

    </ItemTemplate>

</asp:FormView>

 

<telerik:RadScriptBlock runat="server">

    <script type="text/javascript" language="javascript">

        function ShowDetailForm(id) {

            rWindow = window.radWindow;

            window.radopen("SourceImage.aspx?Id=" + id, "fullWindow");

            return false;

        }

    </script>

</telerik:RadScriptBlock>

Here is the code file for the sourceimage.aspx file (this is the page that is in the second radwindow that will not close due to an error.)


any help would be much appreciated.