Questions on UI for ASP.NET AJAX Forum

110,825 questions

2 answers

129 views

[Solved] Trying to create an example server side

Well, here's my code on the ascx file

                            <asp:UpdatePanel ID="UpdatePanel" runat="server">         
                            <ContentTemplate>         
                                <telerik:RadEditor ID="RadEditor" CssClass="RadEditor" runat="server" Width="98%">         
                                </telerik:RadEditor>         
                                <div class="radiobuttonlist">         
                                    <b>Choose a toolbar style:</b>         
                                    <asp:RadioButtonList RepeatDirection="Vertical" Width="130px" CellPadding="0" CellSpacing="0"         
                                        OnSelectedIndexChanged="RadioButtonListEditModeSelectedIndexChanged" CssClass="text"         
                                        ID="RadioButtonListEditMode" runat="server" AutoPostBack="True">         
                                        <asp:ListItem Value="FullSet">Advanced toolset</asp:ListItem>         
                                        <asp:ListItem Value="Default">Default</asp:ListItem>         
                                        <asp:ListItem Value="BasicTools">Basic toolset</asp:ListItem>         
                                    </asp:RadioButtonList>         
                                </div>         
                            </ContentTemplate>         
                        </asp:UpdatePanel>         

I'm trying to do the same on the code behind. I create a tabstrip programmatically and I want in each pageview to have an update control that does the same as the above. The above is part of the Overview example of RadEditor. My code behind is this :

                            protected void Tabstrip1TabDataBound(object sender, RadTabStripEventArgs e)         
                    {         
                        RadPageView newpage = new RadPageView();         
                                 
                        RadEditor editor = new RadEditor {ID = "radeditor" + e.Tab.Index};         
                     
                        UpdatePanel updatepanel = new UpdatePanel {ID = "updatepanel" + e.Tab.Index};         
                        updatepanel.UpdateMode = UpdatePanelUpdateMode.Conditional;         
                     
                        //RadioButtonList Start         
                        RadioButtonList rbl = new RadioButtonList();         
                        rbl.RepeatDirection = RepeatDirection.Vertical;         
                        rbl.Width = 130;         
                        rbl.SelectedIndexChanged += new EventHandler(RadioButtonListEditModeSelectedIndexChanged);         
                        rbl.AutoPostBack = true;         
                     
                        ListItem li1 = new ListItem();         
                        ListItem li2 = new ListItem();         
                        ListItem li3 = new ListItem();         
                        rbl.ID = "radiobuttonlist" + e.Tab.Index;         
                        li1.Value = "FullSet";         
                        li1.Text = "Advanced toolset";         
                        li2.Value = "Default";         
                        li2.Text = "Default";         
                        li3.Value = "BasicTools";         
                        li3.Text = "Basic toolset";         
                        rbl.Items.Add(li1);         
                        rbl.Items.Add(li2);         
                        rbl.Items.Add(li3);         
                        //RadioButtonList End         
                     
                        Literal ltr = new Literal         
                                          {         
                                              Text = "<div class=\"radiobuttonlist\"><b>Choose a toolbar style:</b>"         
                                          };         
                        Literal ltr2 = new Literal {Text = "</div>"};         
                     
                        updatepanel.ContentTemplateContainer.Controls.Add(editor);         
                        updatepanel.ContentTemplateContainer.Controls.Add(ltr);         
                        updatepanel.ContentTemplateContainer.Controls.Add(rbl);         
                        updatepanel.ContentTemplateContainer.Controls.Add(ltr2);         
                     
                        newpage.Controls.Add(updatepanel);         
                        multipage1.PageViews.Add(newpage);         
                    }         
                     

I'm really stuck and that's why I'm turning here. Any help or visible errors? My problem is that when I create it programmatically, it's like the UpdatePanel doesn't work. The RadioButtonList just posts back on the page...

TabStrip

answered on 20 May 2010

1 answer

87 views

Explorer but for items in a database

I have a whole slew of data that I want to present to the user in a tree view. But I would like to have a pane next to it, much like Window's explorer, that will contain more information.

I've looked at the FileExplorer (briefly) and that seems like overkill for what I need. And my data isn't quite so straight forward as a 'directory' structure. And the pane needs to not be a listview - I'll need to load webpages there so people can look at other things/do other things.

Can anybody give me some advice please?

If I do use a treeview, what should I use for the pane next to it? An iframe? I thought iframes would not work in all browsers.

TIA - Jeff.

TreeView

answered on 20 May 2010

3 answers

121 views

$telerik

Hi,

We have radcontrols for ASPNET AJAX Q3 2008. I am looking at the demo example downloaded for Q1 2010 SP1. I can see that the javascript functions are using $telerik calls similar to jquery. Could someone please tell me how I can make these calls? Should I add any other .js files?

kind regards,

Anu

Grid

answered on 20 May 2010

2 answers

175 views

Problem with disappearing SplitBar on rollover.

Guys,

Have a most bizarre problem with my RadSplitBar, to explain, i have a page called "processmapviewer" which has 2 splitters (main splitter with a 2 radpanes, and another splitter with 2 radpanes inside the bottom pane of the first splitter). (this page is horizontally).

this all works fine, we have 1 visible RadSplitBar here. however we've recently implimented another page "TaskViewer" which allows us to view process map viewer in a RadPane but also chat about the document on the left handside panel (this page is vertically).

so when the we view the document in this instance in here, we get the following results (see before and after scrolling over the RadSplitBar images attached).

and the code for both pages...

the problem i think is in the code behind, we are injecting in javascript into the processMapViewer to control the width of the body and panels (there is a minimum width otherwise our images get distorted etc.). I have narrowed this down to the problem line of code below. see the Code block for a bit of a bigger picture of whats going on.

Any help would be fantastic!

Problem Line of Code :

javaScript.Text += " document.getElementById('ProcessMapViewerBody').style.width = \"" + (widthBeforeScrollsKickIn) + "px\";\n";

Problem Code Block:

    
                        // KJR - Add 16px for scrollbar width 
        
                        int rightScroll = 16; 
        
                        Literal javaScript = new Literal(); 
        
                        javaScript.Text += "<script type=\"text/javascript\">\n"; 
        
                        javaScript.Text += "<!--\n"; 
        
                        javaScript.Text += "    window.onresize = checkBrowserWidth;\n"; 
        
                        javaScript.Text += "    function checkBrowserWidth()\n"; 
        
                        javaScript.Text += "    {\n"; 
        
                        javaScript.Text += "        if(document.documentElement.clientWidth <= " + widthBeforeScrollsKickIn + ")\n"; 
        
                        javaScript.Text += "        {\n"; 
        
                        javaScript.Text += "            document.getElementById('uiColorMainBody').style.width = \"" + (widthBeforeScrollsKickIn) + "px\";\n"; 
        
                        javaScript.Text += "            document.getElementById('uiMapHeaderBody').style.width = \"" + (widthBeforeScrollsKickIn) + "px\";\n"; 
        
                        javaScript.Text += "            document.getElementById('ProcessMapViewerBody').style.width = \"" + (widthBeforeScrollsKickIn) + "px\";\n"; 
        
                        javaScript.Text += "        }\n"; 
        
                        javaScript.Text += "        else\n"; 
        
                        javaScript.Text += "        {\n"; 
        
                        javaScript.Text += "            document.getElementById('uiColorMainBody').style.width = \"100%\";\n"; 
        
                        javaScript.Text += "            document.getElementById('uiMapHeaderBody').style.width = \"100%\";\n"; 
        
                        javaScript.Text += "            document.getElementById('ProcessMapViewerBody').style.width = \"100%\";\n"; 
        
                        javaScript.Text += "        }\n"; 
        
                        javaScript.Text += "    }\n"; 
        
                        javaScript.Text += "-->\n"; 
        
                        javaScript.Text += "</SCRIPT>"; 
        
                        PlaceHolder mainPlaceHolder = new PlaceHolder(); 
        
                        mainPlaceHolder.Controls.Add(javaScript);

ProcessMapViewer

    
            <%@ Page Language="C#" AutoEventWireup="true" Inherits="BusinessPort.WebUI.DataViewers.ProcessMapViewerPage" 
        
                Codebehind="ProcessMapViewer.aspx.cs" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Reference Page="../DocumentViewer.aspx" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head> 
        
                <title>Agility UserSuite - 
        
                    <%=WindowTitle%> 
        
                </title> 
        
                <style type="text/css"> 
        
                        body, form 
        
                        { 
        
                        height: 100%; 
        
                        margin: 0px; 
        
                        padding: 0px; 
        
                        overflow:hidden; 
        
                        } 
        
                        html 
        
                        { 
        
                        height: 100%; 
        
                        margin: 0px; 
        
                        padding: 0px; 
        
                        overflow-y: hidden; 
        
                        overflow-x: auto; 
        
                        } 
        
                </style> 
        
                <link rel="stylesheet" type="text/css" href="<%=VirtualDirectory%>BusinessPortProcessMapViewer.css" /> 
        
                <link rel="stylesheet" type="text/css" href="<%=VirtualDirectory%>DataViewers.css" /> 
        
                <script type="text/javascript" src="<%=VirtualDirectory%>standard.js"></script> 
        
                <script type="text/JavaScript"> 
        
                        function ChangeImageOnRollover(controlName, onOrOff) 
        
                        { 
        
                            document.getElementById(controlName + "Left").innerHTML = "<img src=\"<%=VirtualDirectory%>Images/ViewerImages/PMButtonLeft_" + onOrOff + ".gif\" />"; 
        
                            document.getElementById(controlName + "Middle").className = onOrOff == "off"?"PMnotselectedMiddleDown TabTextMedium InnerTabPadding NoWrap":"PMselectedMiddleDown TabTextMedium InnerTabPadding NoWrap"; 
        
                            document.getElementById(controlName + "Right").innerHTML = "<img src=\"<%=VirtualDirectory%>Images/ViewerImages/PMButtonRight_" + onOrOff + ".gif\" />"; 
        
                        }    
        
                        function SplitterLoaded(splitter, arg)     
        
                        {     
        
                            var pane = splitter.getPaneById('<%= TopPane.ClientID %>');   
        
                            if(!pane.get_collapsed())   
        
                            {     
        
                                var height = pane.getContentElement().scrollHeight;   
        
                                pane.resize(height - pane.get_height());   
        
                                //pane.set_height(height);    
        
                            } 
        
                        } 
        
                        function pageLoad(sender, e)  
        
                        { 
        
                            checkBrowserWidth(); 
        
                        } 
        
                </script> 
        
            </head> 
        
            <body id="ProcessMapViewerBody"> 
        
                <form id="uiProcessMapViewerMainForm" runat="server" method="post"> 
        
                    <asp:ScriptManager ID="ScriptManager" runat="server" /> 
        
                    <div id="ParentDivElement" style="height: 100%;" class="ScreenOnly"> 
        
                        <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" 
        
                            Orientation="Horizontal" Skin="Default" PanesBorderSize="0" BorderSize="0" OnClientLoaded="SplitterLoaded" 
        
                            OnClientBeforeResize="SplitterLoaded" OnClientResized="SplitterLoaded" VisibleDuringInit="false" ResizeWithBrowserWindow="true"> 
        
                            <telerik:RadPane ID="TopPane" runat="server" Height="100" MinHeight="85" MaxHeight="450" 
        
                                Scrolling="none"> 
        
                                <asp:PlaceHolder ID="uiProcessMapHolderHeader" runat="server" /> 
        
                            </telerik:RadPane> 
        
                            <telerik:RadSplitBar ID="RadsplitbarTop" runat="server" CollapseMode="Forward" EnableResize="false" Visible="true"  /> 
        
                            <telerik:RadPane ID="MainPane" runat="server" Scrolling="none" MinWidth="500"> 
        
                                <telerik:RadSplitter ID="NestedSplitter" runat="server" EnableEmbeddedSkins="false" 
        
                                    LiveResize="true" Orientation="horizontal" PanesBorderSize="1" BorderSize="0" 
        
                                    VisibleDuringInit="false"> 
        
                                    <telerik:RadPane ID="LeftPane" runat="server" Width="100%" Height="40" MaxHeight="40" 
        
                                        MinHeight="40" Scrolling="none"> 
        
                                        <asp:PlaceHolder ID="uiActionerColorsPlaceHolder" runat="server" /> 
        
                                    </telerik:RadPane> 
        
                                    <telerik:RadPane ID="ContentPane" runat="server" Scrolling="Y" /> 
        
                                </telerik:RadSplitter> 
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </div> 
        
                    <%--Placeholder for Printing Process Maps--%> 
        
                    <asp:PlaceHolder ID="PrintOnly" runat="server" /> 
        
                </form> 
        
            </body> 
        
            </html>

TaskViewer.aspx page

    
            <%@ Page Language="C#" AutoEventWireup="true" Inherits="BusinessPort.WebUI.DataViewers.TaskViewer" 
        
                CodeBehind="TaskViewer.aspx.cs" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Agility User Suite - Task Viewer</title> 
        
                <link href="../../BusinessPort.css" type="text/css" rel="stylesheet" /> 
        
                <style type="text/css"> 
        
                    html, body, form 
        
                    { 
        
                        margin: 0px; 
        
                        padding: 0px; 
        
                        height: 100%; 
        
                    } 
        
                    chatPanelStyle 
        
                    { 
        
                        vertical-align: top; 
        
                    } 
        
                </style> 
        
            </head> 
        
            <body id="uiTaskPaneBody"> 
        
                <div id="ParentDivElement" style="height: 100%;"> 
        
                    <form id="taskViewerForm" runat="server"> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RefreshPage" /> 
        
                    <telerik:RadCodeBlock runat="server"> 
        
                        <script type="text/javascript"> 
        
                    function openWin(id) { 
        
                        var oWnd = radopen("AuthorisersEdit/AuthorisersEditControl.aspx?DetailsID=" + id, "RadWindow1"); 
        
                    } 
        
                    function radWindowCallbackEvent()  
        
                    { 
        
                        //call AJAX event here to refresh chat... 
        
                        var ajaxManager = <%= RadAjaxManager1.ClientID %>; 
        
                        var arguments = ''; 
        
                        ajaxManager.ajaxRequest(arguments); 
        
                    } 
        
                    function EnableProceedComment() 
        
                    { 
        
                        var commentBox = document.getElementById('RadPanelBar1$i1$i0$uiChatComment'); 
        
                        var disableProceed = (commentBox.value.trim() == ""); 
        
                        document.getElementById("RadPanelBar1_i1_i0_sendMessage").disabled = disableProceed; 
        
                    } 
        
                    function EnableProceed() 
        
                    { 
        
                        var currentDecision = document.getElementById("uiUsersCurrentDecision").value; 
        
                        var commentBox = document.getElementById('RadPanelBar1$i2$i0$uiComment'); 
        
                        var disableProceed = (commentBox.value.trim() == ""); 
        
                        if(!disableProceed) 
        
                        { 
        
                            if(currentDecision != "Fail") 
        
                            {            
        
                                document.getElementById("RadPanelBar1_i2_i0_uiFailRadioButton").disabled = false; 
        
                            } 
        
                            else 
        
                            { 
        
                                document.getElementById("RadPanelBar1_i2_i0_uiFailRadioButton").disabled = true; 
        
                            } 
        
                        } 
        
                        else 
        
                        { 
        
                            document.getElementById("RadPanelBar1_i2_i0_uiFailRadioButton").disabled = true; 
        
                        } 
        
                    } 
        
                    function scrollPositionBottom(sender, args) 
        
                    { 
        
                        var pane = sender.getPaneById('RadPanelBar1_i1_i0_uiChatPaneRadPane');   
        
                        var scrollHeight = pane.getContentElement().scrollHeight; 
        
                        pane.setScrollPos(0, scrollHeight - pane.get_height());  
        
                    } 
        
                        </script> 
        
                    </telerik:RadCodeBlock> 
        
                    <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" 
        
                        Orientation="Vertical" EnableEmbeddedSkins="false" PanesBorderSize="0" BorderSize="0" 
        
                        VisibleDuringInit="false" ResizeWithParentPane="true"> 
        
                        <telerik:RadPane ID="TopPane" runat="server" MinWidth="400" Width="400" MaxWidth="400" 
        
                            Scrolling="none" Height="100%"> 
        
                            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100" 
        
                                RenderMode="Inline"> 
        
                                <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" 
        
                                    Orientation="Horizontal" EnableEmbeddedSkins="false" PanesBorderSize="0" BorderSize="0" 
        
                                    VisibleDuringInit="false" ResizeWithParentPane="true"> 
        
                                    <telerik:RadPane ID="RadPane1" runat="server" MinWidth="400" Width="400" MaxWidth="400" 
        
                                        Scrolling="none" Height="46"> 
        
                                        <asp:PlaceHolder ID="uiVotingSummaryTable" runat="server" /> 
        
                                        <table style="width: 100%;" cellpadding="0" cellspacing="0"> 
        
                                            <tr> 
        
                                                <td style="width: 150px;"> 
        
                                                    Your Vote : 
        
                                                </td> 
        
                                                <td> 
        
                                                    <asp:Label ID="uiMyCurrentDecision" runat="server"></asp:Label> 
        
                                                </td> 
        
                                            </tr> 
        
                                            <tr> 
        
                                                <td style="width: 150px;"> 
        
                                                    Document Status : 
        
                                                </td> 
        
                                                <td> 
        
                                                    <asp:Label ID="uiDocumentsCurrentDescion" runat="server"></asp:Label> 
        
                                                </td> 
        
                                            </tr> 
        
                                        </table> 
        
                                    </telerik:RadPane> 
        
                                    <telerik:RadSplitBar ID="Radsplitbar1" runat="server" CollapseMode="None" EnableResize="false" 
        
                                        Visible="false" /> 
        
                                    <telerik:RadPane ID="RadPane2" runat="server" MinWidth="400" Width="400" MaxWidth="400" 
        
                                        Scrolling="none" Height="100%"> 
        
                                        <asp:HiddenField ID="uiUsersCurrentDecision" runat="server" /> 
        
                                        <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Outlook" Width="100%" 
        
                                            Height="100%" ExpandMode="FullExpandedItem" CssClass="TaskViewerText PanelBarTitleText"> 
        
                                            <Items> 
        
                                                <telerik:RadPanelItem Text="Summary" Font-Bold="true" Height="32px" Expanded="true" 
        
                                                    runat="server"> 
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem id="uiSummaryPanel" runat="server"> 
        
                                                            <ItemTemplate> 
        
                                                                <asp:Panel ID="Panel1" runat="server"> 
        
                                                                    <div style="margin-left: 3px; margin-right: 3px; width: 400px;"> 
        
                                                                        <table class="TaskViewerText"> 
        
                                                                            <tr> 
        
                                                                                <td> 
        
                                                                                    Document Number : 
        
                                                                                </td> 
        
                                                                                <td> 
        
                                                                                    <asp:Label ID="uiDocumentNumberLabelText" Text="[insert text here]" runat="server" /> 
        
                                                                                </td> 
        
                                                                            </tr> 
        
                                                                            <tr> 
        
                                                                                <td> 
        
                                                                                    Document Title : 
        
                                                                                </td> 
        
                                                                                <td> 
        
                                                                                    <asp:Label ID="uiDocumentTitleLabelText" Text="[insert text here]" runat="server" /> 
        
                                                                                </td> 
        
                                                                            </tr> 
        
                                                                            <tr> 
        
                                                                                <td> 
        
                                                                                    Owner : 
        
                                                                                </td> 
        
                                                                                <td> 
        
                                                                                    <asp:HyperLink ID="uiDocOwnerLabelText" Text="[insert text here]" runat="server" /> 
        
                                                                                </td> 
        
                                                                            </tr> 
        
                                                                            </tr> 
        
                                                                            <tr> 
        
                                                                                <td> 
        
                                                                                    Admin Owner : 
        
                                                                                </td> 
        
                                                                                <td> 
        
                                                                                    <asp:HyperLink ID="uiDocAdminOwnerLabelText" Text="[insert text here]" runat="server" /> 
        
                                                                                </td> 
        
                                                                            </tr> 
        
                                                                            <tr> 
        
                                                                                <td> 
        
                                                                                    Due Date : 
        
                                                                                </td> 
        
                                                                                <td> 
        
                                                                                    <asp:Label ID="uiDueDateLabelText" Text="[insert text here]" runat="server" /> 
        
                                                                                </td> 
        
                                                                            </tr> 
        
                                                                        </table> 
        
                                                                        Administrator Comments : 
        
                                                                        <asp:TextBox ID="uiAdministratorComments" ReadOnly="true" TextMode="multiline" Height="125" 
        
                                                                            Width="350" runat="server"/> 
        
                                                                        <br /> 
        
                                                                        Document History Notes : 
        
                                                                        <asp:TextBox ID="uiAuditTrailNotes" ReadOnly="true" TextMode="multiline" Height="125" 
        
                                                                            Width="350" runat="server"/> 
        
                                                                        <asp:Label ID="uiApproverText" Text="[insert text here]" runat="server" /> 
        
                                                                        <div style="overflow-x: auto; overflow-y: scroll; height: 125px; width: 350px; padding-left: 2px; 
        
                                                                            margin-left: 5px; border: solid 1px #7F9DB9;"> 
        
                                                                            <asp:PlaceHolder ID="uiSummaryHeader" runat="server" /> 
        
                                                                        </div> 
        
                                                                    </div> 
        
                                                                </asp:Panel> 
        
                                                            </ItemTemplate> 
        
                                                        </telerik:RadPanelItem> 
        
                                                    </Items> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem Text="Comment History" Height="32px" Font-Bold="true" runat="server"> 
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem id="uiChatPanel" runat="server"> 
        
                                                            <ItemTemplate> 
        
                                                                <telerik:RadSplitter ID="ChatSplitter" runat="server" Height="97%" Width="398" Orientation="Horizontal" 
        
                                                                    ResizeWithParentPane="false" PanesBorderSize="0" BorderSize="0" OnClientLoaded = "scrollPositionBottom" 
        
                                                                    OnClientResized="scrollPositionBottom"> 
        
                                                                    <telerik:RadPane ID="uiChatPaneRadPane" runat="server" Scrolling="Y"> 
        
                                                                        <asp:PlaceHolder ID="uiChatConsole" runat="server" /> 
        
                                                                    </telerik:RadPane> 
        
                                                                    <telerik:RadSplitBar ID="uiTaskViewerSplitBar1" runat="server" CollapseMode="None" 
        
                                                                        EnableResize="false" /> 
        
                                                                    <telerik:RadPane Height="180" MinHeight="180" MaxHeight="180" ID="TopPane" runat="server" 
        
                                                                        Scrolling="none"> 
        
                                                                        <div class="TaskViewerText"> 
        
                                                                            <div style="text-align: left; margin-top: 5px; margin-left: 10px;"> 
        
                                                                                Comment : 
        
                                                                            </div> 
        
                                                                            <div style="text-align: left; margin-top: 3px; margin-left: 10px;"> 
        
                                                                                <asp:TextBox ID="uiChatComment" runat="server" TextMode="multiline" Style="height: 125px; 
        
                                                                                    width: 350px;">  
        
                                                                                </asp:TextBox> 
        
                                                                            </div> 
        
                                                                            <div style="text-align: right; margin-top: 10px; margin-right: 10px;"> 
        
                                                                                <asp:Button Text="Submit" OnClick="sendMessage_Click" runat="server" Enabled="false" 
        
                                                                                    ID="sendMessage" Style="width: 100px;"></asp:Button> 
        
                                                                            </div> 
        
                                                                        </div> 
        
                                                                    </telerik:RadPane> 
        
                                                                </telerik:RadSplitter> 
        
                                                            </ItemTemplate> 
        
                                                        </telerik:RadPanelItem> 
        
                                                    </Items> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem Text="Voting Summary" Height="32px" Font-Bold="true" runat="server"> 
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem id="uiVotingPanel" runat="server"> 
        
                                                            <ItemTemplate> 
        
                                                                <telerik:RadSplitter ID="VotingSplitter" runat="server" Height="98%" Width="398" 
        
                                                                    Orientation="Horizontal" ResizeWithParentPane="false" PanesBorderSize="0" BorderSize="0"> 
        
                                                                    <telerik:RadPane ID="uiDocumentPreviewPane" runat="server" Scrolling="Y"> 
        
                                                                        <asp:PlaceHolder ID="uiVotingSummary" runat="server" /> 
        
                                                                    </telerik:RadPane> 
        
                                                                    <telerik:RadSplitBar ID="uiTaskViewerSplitBar2" runat="server" CollapseMode="None" 
        
                                                                        EnableResize="false" /> 
        
                                                                    <telerik:RadPane Height="200" MinHeight="200" MaxHeight="200" ID="TopPane" runat="server" 
        
                                                                        Scrolling="none"> 
        
                                                                        <div class="TaskViewerText"> 
        
                                                                            <div style="text-align: left; margin-top: 1px; margin-left: 10px;"> 
        
                                                                                Vote : 
        
                                                                            </div> 
        
                                                                            <div style="text-align: left; margin-top: 1px; margin-left: 10px;"> 
        
                                                                                <asp:TextBox ID="uiComment" runat="server" TextMode="multiline" Style="height: 140px; 
        
                                                                                    width: 350px;">  
        
                                                                                </asp:TextBox> 
        
                                                                            </div> 
        
                                                                            <table style="width: 100%"> 
        
                                                                                <tr style="width: 100%"> 
        
                                                                                    <td style="width: 50%"> 
        
                                                                                    </td> 
        
                                                                                    <td style="width: 50%"> 
        
                                                                                        <div style="text-align: right; margin-top: 10px; margin-bottom: 20px; margin-right: 10px;"> 
        
                                                                                            <asp:Button Text="Pass" OnClick="sendVotePass_Click" runat="server" ID="uiPassRadioButton" 
        
                                                                                                Style="width: 75px;"></asp:Button> 
        
                                                                                            <asp:Button Text="Fail" OnClick="sendVoteFail_Click" runat="server" ID="uiFailRadioButton" 
        
                                                                                                Style="width: 75px;" Enabled="false"></asp:Button> 
        
                                                                                        </div> 
        
                                                                                    </td> 
        
                                                                                </tr> 
        
                                                                            </table> 
        
                                                                        </div> 
        
                                                                    </telerik:RadPane> 
        
                                                                </telerik:RadSplitter> 
        
                                                            </ItemTemplate> 
        
                                                        </telerik:RadPanelItem> 
        
                                                    </Items> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelBar> 
        
                                    </telerik:RadPane> 
        
                                </telerik:RadSplitter> 
        
                            </telerik:RadAjaxPanel> 
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="uiTaskViewerSplitBar3" runat="server" CollapseMode="None" 
        
                            EnableResize="false" Visible="false" /> 
        
                        <telerik:RadPane ID="uiDocumentPreviewPane" runat="server" Scrolling="Both" Width="100%"> 
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                    <telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false" 
        
                        ReloadOnShow="true" runat="server" Skin="Outlook"> 
        
                        <Windows> 
        
                            <telerik:RadWindow runat="server" ID="RadWindow1" Behaviors="Close" NavigateUrl="AuthorisersEditControl/AuthorisersEditControl.aspx" 
        
                                Width="400px" Height="210px"> 
        
                            </telerik:RadWindow> 
        
                        </Windows> 
        
                    </telerik:RadWindowManager> 
        
                    </form> 
        
                </div> 
        
            </body> 
        
            </html>

Splitter

answered on 20 May 2010

4 answers

128 views

[Solved] Width resets in Page Render event

Hi Experts,

While using RadTextBox, RadMaskedTextBox and RadNumericTextBox i noticed that whatever width i set in my aspx page for these control was actually getting reset in PageRender event.

This behavior was noticed when i had a case where i need to render additional item with these control and was trying to shrink their width's and noticed that they were reset to empty unit value.
After debugging we noticed that the width set remains in Width property of the control till PagePreRender event.As soon as we enter the PageRender event it gets reset to empty unit.

Would really like to understand this behavior of telerik control and appreciate some resolution.

Regards,
Aayam Singh

Input

answered on 20 May 2010

1 answer

266 views

Implementing Single Sign-On

(previously posted under a different email address)

We have used a wide variety of Telerik controls successfully and are not so much looking for tips on using them but more on which ones to use!

We are planning to build a single sign-on portal that allows customers to login once and then have simple access to a number of web applications appropriate to their relationship with the company. Some of the applications we develop, others are from third parties. These applications would be available through a collection of buttons on a banner, and they would appear in a separate window below the banner, one at a time. (Maybe there is a better way?)

At first we considered using the RadTabStrip control as a tool to navigate between these applications but the problem there is that each tab takes you to a start page, not retaining any "session" information. For example, suppose I went to Application 2 and navigated from the default page, page 1, to page 2. I then clicked the tab for Application 1, did some work and then clicked again on Application 2. I would be back to page 1 and not page 2, where I was working before.

Another option might be simply to create new tabbed browser windows for each application. However, if we did that we would lose the branded navigation banner unless we were able to implement it in each application.

And then there is the third approach, the one obvious to you, the one we haven't thought of. Maybe it uses a different control, or maybe it takes a quite different approach.

Looking forward to hearing from you!

David

General Discussions

answered on 20 May 2010

6 answers

221 views

[Solved] watermark in Radeditor

Hello
I am using Radeditor , I want to add watermark in uploaded image
I read this thread http://www.telerik.com/community/forums/aspnet-ajax/editor/watermark-in-radeditor.aspx
but I didn't get the way to add watermark to my uploaded image using imagemanager.

can somebody help on this ?

Regards

Editor

answered on 20 May 2010

1 answer

96 views

radtreeview in moss2007 site

HI All,

I am using a radtreeview control on a sharepoint master page and binding it to leftnavigation datasource declaratively.
The treeview is binding properly but it nodes are showing "Microsoft.SharePoint.Publishing.Navigation.PortalHierarchyData".

I tried to give the datatextfield but its also throwing errror. What is the datatextfield for the OOTB sharepoint leftnavigation.

Thanks,
Madhu

TreeView

answered on 20 May 2010

6 answers

201 views

SP2010 upgrade from 2007

edit-- I should have read more, I will try a binding redirect and report back here.

Is the upgrade path seemless? We are testing a 2007-->2010 migration. After installing the new beta 2010 radeditor, the webparts are still broken where previous radeditors had been added to pages. However, new radeditors can be added to the pages, so it appears to be working fine it is just not compatible with the previous web part? Please advise!

Web Part Error: A Web Part or Web Form Control on this Page cannot be displayed or imported. The type could not be found or it is not registered as safe.

WebParts for SharePoint

answered on 20 May 2010

4 answers

123 views

Client side selection and server side inside RadAjaxPanel

Hi there

I have a problem and hope you can help me.
I have a page contain 3 combo boxes (let's call them A B C), which fill 2 other combo boxes (D E) using AJAX.
The fill is, of course, on the server.
D and E are contained inside RadAjaxPanel (In order to use ajax)

It's working very good. D and E get the proper data, the ajax works fine.

Now, here is the problem.
When selecting an item in combo D, I want to select the first item of E (first item which contain text like "Select..." and value of empty string).
And also vise versa:
When selecting an item in combo E, I want to select the first item of D.

I tryed to use OnClientSelectIndexChanged, and combo.Items[0].Select(), but this cause stack overflow (I changed D, which changed E, which canged D,,,,, )
Also, The server side selected index changed was not fired. why is that ?

I hope you can help me.
Thanks
Dudu

ComboBox

answered on 20 May 2010

Top users last month