Questions on UI for ASP.NET AJAX Forum

1 answer

110 views

Binding XML datasource to one of the items in Menu

Hi,

I have a RADMenu which currently has a couple of items (e.g. A, B, C).

I have an XML document, which I use in an XML Data Source, and want to bind to only A, so in A, I have child items which are the XML elements.

How could I achieve this?
Thanks

Menu

answered on 30 Dec 2009

1 answer

109 views

Rad window

Hai Telerik Team,

I'm having a radwindow as popup in a page.When I'm closing the radwindow I need to set some values. How could it be possible to call a function on radwindow close.

Regards
Unni

Window

answered on 30 Dec 2009

1 answer

168 views

nested view with data repeater

All,

Is it possible to use a nested view that contains a data repeater to loop through all the results of the secondary datasource?

Please provide an example if possible or point me toward example code.

Thanks in advance,

Dorian

General Discussions

answered on 30 Dec 2009

12 answers

287 views

Resize of expanded sliding pane not working.

I am having a problem with resizing sliding panes while expanded. Below is an example of this problem. The structure of this is designed this way because the outer RadSplitter is in a MasterPage. The inner two RadSplitters are in a dynamically loaded control. I have a feeling your answer is going to be "The SlidingPane will not resize because there is no adjacent pane in the splitter." Is that a bug or is it "by design"? I am using Q2 2009. Are these issues addressed in the Q3 2009?

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestSlidingPanes.aspx.vb" Inherits="Construction.TestSlidingPanes" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body style="height:100%; width:100%">  
        
                <form id="form1" runat="server" style="height:100%; width:100%">  
        
                <telerik:RadScriptManager ID="rsm" runat="server" EnableScriptCombine="true" /> 
        
            <telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Vertical" ResizeWithParentPane="true" FullScreenMode="true" > 
        
                <telerik:RadPane ID="RadPane3" runat="server" Scrolling="None" MinHeight="100" Height="100%">  
        
                    <telerik:RadSplitter ID="rsLeftNav" Runat="server" Orientation="Horizontal" ResizeWithParentPane="true" > 
        
                        <telerik:RadPane ID="rpTop" runat="server" Scrolling="None" MinHeight="100" > 
        
                            <telerik:RadSplitter ID="rsLeftNavVert" Runat="server" Orientation="Vertical" ResizeWithParentPane="true" > 
        
                                <telerik:RadPane ID="rpSearch" runat="server" Scrolling="None" MinHeight="100" Width="22px" > 
        
                                    <telerik:RadSlidingZone ID="rszTop" runat="server" ClickToOpen="true" Width="22px">  
        
                                        <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Quick Search" EnableResize="true" Width="150" > 
        
                                        This is the content of the Top RadSlidingPane  
        
                                        </telerik:RadSlidingPane> 
        
                                    </telerik:RadSlidingZone> 
        
                                </telerik:RadPane> 
        
                            </telerik:RadSplitter>                        
        
                        </telerik:RadPane>      
        
                        <telerik:RadSplitBar runat="server"/>  
        
                        <telerik:RadPane ID="RadPane4" runat="server" Scrolling="None" MinHeight="100" > 
        
                            <telerik:RadSplitter ID="RadSplitter2" Runat="server" Orientation="Vertical" ResizeWithParentPane="true" > 
        
                                <telerik:RadPane ID="RadPane5" runat="server" Scrolling="None" MinHeight="100" > 
        
                                    <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" ClickToOpen="true">  
        
                                        <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Quick Search" EnableResize="true" > 
        
                                        This is the content of the Bot RadSlidingPane  
        
                                        </telerik:RadSlidingPane> 
        
                                    </telerik:RadSlidingZone> 
        
                                </telerik:RadPane> 
        
                            </telerik:RadSplitter>                        
        
                        </telerik:RadPane>      
        
                    </telerik:RadSplitter> 
        
                </telerik:RadPane> 
        
                <telerik:RadSplitBar runat="server" /> 
        
                <telerik:RadPane ID="RadPane1" runat="server" Scrolling="None" MinHeight="100" > 
        
                Pane 2  
        
                </telerik:RadPane>      
        
                <telerik:RadPane ID="RadPane2" runat="server" Scrolling="None" MinHeight="100" > 
        
                Pane 3  
        
                </telerik:RadPane>      
        
            </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

Thanks,
Doug

Splitter

answered on 30 Dec 2009

3 answers

206 views

[Solved] Show Label & TextBox When I select Data In ComboBox

Hi, All

When I Select some Data in ComboBox At EditForm

I wanna show some TextBox

And when I select another data in combobox

I wanna TextBox not visible

Also

I want to put some color in specific (Row, column)

like

<tr>
    <td bgcolor="#666666"> </td>
    <td> </td>
    <td bgcolor="#222222"> </td>
</tr>

Please Help me

Grid

answered on 30 Dec 2009

1 answer

278 views

Updated Controls Disappearing

I have a Master Page with a RadAjaxManager. Then I have an ASPX Content Page with a RadAjaxManagerProxy. This page has a Panel control that contains a User Control. The User Control also has a RadAjaxManagerProxy.

I have the Panel on the aspx page as an updated control in the RadAjaxManagerProxy for a Button.

What happens is any updates in the ASCX Control cause the Updated Controls in its RadAjaxManagerProxy to disappear.

I have reproduced this with Firefox 3 and IE8.

Master Page:

    
            <%@ Master Language="C#" AutoEventWireup="true" CodeFile="123.master.cs" Inherits="_123" %> 
        
            <!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 runat="server"> 
        
                <title></title> 
        
                <asp:ContentPlaceHolder id="head" runat="server"> 
        
                </asp:ContentPlaceHolder> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                        <asp:ScriptManager ID="scriptmanager1" runat="server" /> 
        
                  <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
        
                  </asp:ContentPlaceHolder> 
        
                  <telerik:RadAjaxManager ID="AjaxManager1" runat="server" UpdatePanelsRenderMode="Inline"> 
        
                  </telerik:RadAjaxManager> 
        
                </form> 
        
            </body> 
        
            </html>

ASPX Page:

    
            <%@ Page Title="" Language="C#" MasterPageFile="~/123.master" AutoEventWireup="true" CodeFile="123.aspx.cs" Inherits="_123" %> 
        
            <%@ Register TagPrefix="uc" TagName="Test" Src="~/123.ascx" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
        
                <asp:Panel ID="pnl1" runat="server" style="width: 300px; height: 200px; border: solid 1px #000000"> 
        
                    <uc:Test ID="test1" runat="server" /> 
        
                </asp:Panel> 
        
                <asp:Button ID="btn1" runat="server" Text="Submit" OnClick="btn1_Click" style="margin-top: 20px" /> 
        
                <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="btn1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="pnl1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManagerProxy> 
        
            </asp:Content>

ASPX Code Behind:

    
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            public partial class _123 : System.Web.UI.Page { 
        
              protected void Page_Load(object sender, EventArgs e) { 
        
              } 
        
                protected void btn1_Click(object sender, EventArgs e) { 
        
                    pnl1.BackColor = System.Drawing.Color.Red; 
        
                } 
        
            }

ASCX Page:

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="123.ascx.cs" Inherits="_123" %> 
        
            <asp:TextBox ID="txt1" runat="server" /> 
        
            <asp:Button ID="btn1" runat="server" Text="Test" OnClick="btn1_Click" /> 
        
            <telerik:RadAjaxManagerProxy ID="AjaxProxy1" runat="server"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="btn1"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="txt1" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy>

ASCX Code Behind:

    
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            public partial class _123 : System.Web.UI.UserControl { 
        
              protected void Page_Load(object sender, EventArgs e) { 
        
              } 
        
                protected void btn1_Click(object sender, EventArgs e) { 
        
                    txt1.Text = "Updated"; 
        
                } 
        
            }

Ajax

answered on 30 Dec 2009

13 answers

500 views

Loading Panel not displaying

Hi,

I have a question regarding the Ajax loading panel.

I have a page, showing thumbnails of an image; when these are clicked on the larger version is shown in a main image above.

I ajaxified this with Rad Ajax Manager, no problem. But if I add a Loading Panel, it's not shown. If however I ditch the Ajax Manager and wrap a Ajax Panel round the controls in question, the Loading Panel displays correctly; but in this case the thumbnails reload on Ajax postback too, which I don't want.

Can you tell me how to get this working with the AjaxManager? Here is my code snippet below:

    
            <asp:Content ID="Content2" ContentPlaceHolderID="maincontent" Runat="Server">  
        
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>  
        
            <rad:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="LoadingPanel1">  
        
                <AjaxSettings>  
        
                    <rad:AjaxSetting AjaxControlID="repThumbnails">  
        
                        <UpdatedControls>  
        
                            <rad:AjaxUpdatedControl ControlID="imgPhoto" LoadingPanelID="LoadingPanel1" />  
        
                        </UpdatedControls>  
        
                    </rad:AjaxSetting>  
        
                </AjaxSettings>  
        
            </rad:RadAjaxManager>  
        
            <rad:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" MinDisplayTime="1000" Style="width: 570px;">  
        
                <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>' alt="Loading..." title="Loading..." style="border: 0; padding-top: 180px;" />  
        
            </rad:RadAjaxLoadingPanel>  
        
            <h1>Photos</h1>  
        
            <div id="photocontainer"><asp:Image ID="imgPhoto" runat="server" AlternateText="The Boathouse" ToolTip="The Boathouse" /></div>  
        
            <asp:Repeater ID="repThumbnails" runat="server" OnItemDataBound="repThumbnails_ItemDataBound" OnItemCommand="repThumbnails_ItemCommand">  
        
                <HeaderTemplate><div id="thumbnailcontainer"></HeaderTemplate>  
        
                <ItemTemplate>  
        
                        <div class="thumbnail"><asp:ImageButton ID="lnkThumb" runat="server" ToolTip="Enlarge" AlternateText="Enlarge" CommandName="ThumbnailClick" /></div>  
        
                        <br id="rowBreak" runat="server" visible="false" class="clear" />  
        
                </ItemTemplate>  
        
                <FooterTemplate></div></FooterTemplate>  
        
            </asp:Repeater>  
        
            </asp:Content>

Thanks, Matt

Ajax

answered on 30 Dec 2009

3 answers

109 views

Problem clearing values in table

Hi,
I'm having a problem clearing the values within a table and hoped for some input. I have a table with values that can be entered by the user. I also have a clear button, that when clicked executes javascript to set the value to "". I've added a RadAjaxManager proxy to update the table when the clear button is clicked. My problem is that the whole table disappears not just the values. Can you tell me what I am doing wrong?

    
            <
 
asp:Table ID="IndexTable" runat="server" EnableViewState="false" >
            
</asp:Table> 
            
<
 
asp:Button ID="btnClear" runat="server" Text="Clear" Width="85px"
            
    style="text-align:center;vertical-align:middle;margin-left:10px" 
            
    OnClientClick="ClearIndexData();" />  

<
 
telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 
            
<script type="text/javascript" >
            
function ClearIndexData() {  

                        //repository  
        
                        repo = document.getElementById("ctl00_MainContent_hfRepoHint").innerText;  
        
                        //custom indexes  
        
                        for (i = 1; i <= 20; i++) {  
        
                            if (document.getElementById("ctl00_MainContent_radIndex" + i.toString() + "S") != null) {  
        
                                if (repo.charAt(0) == '5')  
        
                                    document.getElementById("ctl00_MainContent_radIndex" + i.toString() + "S").value = "";  
        
                                else  
        
                                    document.getElementById("ctl00_MainContent_radIndex" + i.toString() + "S").value = "";  
        
                            }  
        
                            else if (document.getElementById("ctl00_MainContent_radIndex" + i.toString() + "R") != null) {  
        
                                if (repo.charAt(0) == '5')  
        
                                    document.getElementById("ctl00_MainContent_radIndex" + i.toString() + "R").value = "";  
        
                                else  
        
                                    document.getElementById("ctl00_MainContent_radIndex" + i.toString() + "R").value = "";  
        
                            }  
        
                        }  
        
                    } 
 
</script> 

            </telerik:RadScriptBlock>

And here is the RadAjaxManager proxy settings

    
            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
        
             <AjaxSettings> 
        
                 <telerik:AjaxSetting AjaxControlID="btnClear">  
        
                     <UpdatedControls> 
        
                         <telerik:AjaxUpdatedControl ControlID="IndexTable" /> 
        
                     </UpdatedControls> 
        
                 </telerik:AjaxSetting> 
        
             </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy>

Thanks in advance for any advice you can give me.
Chris

Ajax

answered on 30 Dec 2009

1 answer

125 views

Associating a rating with an id

I posted a new thread last week but it doesn't appear to be listed, so I am posting it again.

I have the rating control implemented in a repeater that displays a list of documents (each of which has a unique document id), and I want to have one RadRating control associated with each document. When a user clicks the rating control, I want to get the value of the rating gadget at the time it is clicked, and update the associated document with the rating.

The problem is that I don’t know how to figure out the document id to get in order to update the data. The service side event handler, OnRate returns the radrating object, but all this gives me is the value and no way to specify the document id. Similarly, the client-side call, OnClientRated, you specify the name of the javascript function to call…with no parameters – it assumes the parameters are ‘sender’ and ‘args’.

Please tell me how I can determine which id goes with which rating gadget in the repeater.

Thanks.

Rating

answered on 30 Dec 2009

4 answers

254 views

[Solved] how to load content url into raddock?

hi, i know we can load content url from any web page into radwindow using NavigateUrl properties.
but how do i perform the same thing using raddock?

tia

Dock

answered on 30 Dec 2009