Questions on UI for ASP.NET AJAX Forum

1 answer

103 views

Resize with Multipage View throws javascript error

We are having a problem with our RadTabStrip and the RadMultiPage. When we resize the page on any one of our pages that have this combination and we are on the last tab of the tab strip we get a javascript error:

n is undefined

anonymous("ctl00_BodyContentPlaceHolder__distributionCenterAccounts_DistributorAccountsViewRadSplitter")Telerik....ae4f8f289 (line 5742)

anonymous("ctl00_BodyContentPlaceHolder__distributionCenterAccounts_DistributorAccountsViewRadSplitter", Object name=t value=false)Telerik....ae4f8f289 (line 5706)

anonymous()Telerik....ae4f8f289 (line 5028)

anonymous(Object name=c, Object name=b, true, Object name=l value=false)Telerik....ae4f8f289 (line 5572)

anonymous(Object name=b, Object name=c)Telerik....ae4f8f289 (line 5019)

anonymous()Telerik....ae4f8f289 (line 5851)

anonymous(Object name=c value=0, 2, true, Object name=l value=false)Telerik....ae4f8f289 (line 5585)

anonymous(Object name=b, Object name=c)Telerik....ae4f8f289 (line 5019)

anonymous()Telerik....ae4f8f289 (line 5851)

anonymous()Telerik....ae4f8f289 (line 6070)

anonymous()Telerik....ae4f8f289 (line 606)

anonymous(Object name=c, 473)Telerik....ae4f8f289 (line 5972)

anonymous(473)Telerik....ae4f8f289 (line 5939)

anonymous(473, true)Telerik....ae4f8f289 (line 5863)

anonymous(Object oldWidth=1112 oldHeight=369 fixedSizeChanged=true)Telerik....ae4f8f289 (line 5136)

anonymous(1112, 473)Telerik....ae4f8f289 (line 5041)

anonymous(true)Telerik....ae4f8f289 (line 6058)

anonymous()Telerik....ae4f8f289 (line 5104)

anonymous(Object name=c, 622)Telerik....ae4f8f289 (line 5043)

anonymous(Object name=d)Telerik....ae4f8f289 (line 5279)

anonymous()Telerik....ae4f8f289 (line 5253)

anonymous()Telerik....ae4f8f289 (line 6)

anonymous(resize )Telerik....ae4f8f289 (line 6)

var l=n.panes;\n

Is there something that we are doing wrong with this? Here is the tab strip snippet:

    
                        <telerik:RadSplitter runat="server" Orientation="Horizontal" ID="ManageReceivedOrdersSplitter" Width="100%" Height="100%" > 
        
                            <telerik:RadPane ID="RadPane2" runat="server" Height="25px" Width="100%" Scrolling="None"> 
        
                                <telerik:RadTabStrip ID="ManageDistributionCentersRadTabStrip" runat="server" MultiPageID="ManageDistributionCentersMultiPage"   
        
                                    SelectedIndex="0" CausesValidation="false" AutoPostBack="true" OnTabClick="ManageDistributionCentersTab_OnClick" > 
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text="<%$Resources:AdministrationLanguage, Orders%>" Value="Orders" PageViewID="ReceivedOrdersPageView" /> 
        
                                        <telerik:RadTab Text="Accounts" Value="Accounts" PageViewID="AccountsRadPageView"/> 
        
                                    </Tabs> 
        
                                </telerik:RadTabStrip> 
        
                            </telerik:RadPane>     
        
                            <telerik:RadPane runat="server" Width="100%" Height="100%"> 
        
                                <telerik:RadMultiPage ID="ManageDistributionCentersMultiPage" runat="server" Height="100%" SelectedIndex="0" RenderSelectedPageOnly="true" > 
        
                                    <telerik:RadPageView ID="ReceivedOrdersPageView" runat="server" Width="100%" Height="100%" > 
        
                                        <asp:PlaceHolder ID="ReceivedOrdersPlaceHolder" runat="server" /> 
        
                                    </telerik:RadPageView> 
        
                                    <telerik:RadPageView ID="AccountsRadPageView" runat="server" Width="100%" Height="100%" > 
        
                                        <itn:DistributorAccountsControl id="_distributionCenterAccounts" runat="server" /> 
        
                                    </telerik:RadPageView> 
        
                                 </telerik:RadMultiPage> 
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter>

Like I said, it seems to happen on the last tab of the tab strip and for any page that we have this on and when we resize the page. Thanks in advance.

Mike

TabStrip

answered on 15 Jan 2010

2 answers

100 views

AllowCustomText Behavior for Non-List Items

My understanding of AllowCustomText is that I should be able to type "foo" in the combo box and tab out. The value should stay there even if "foo" isn't contained in the list of values returned from the data source. Is this correct?

    
            <telerik:RadComboBox ID="SpecificLocation" runat="server" AccessKey="f" AllowCustomText="true" 
        
                CollapseAnimation-Type="None" EnableLoadOnDemand="true" EnableVirtualScrolling="true" 
        
                ExpandAnimation-Type="None" MaxHeight="200px" MaxLength="70" OnDataBinding="Location_DataBinding" 
        
                ShowMoreResultsBox="false" ShowToggleImage="false" Text='<%# Bind("Location") %>' 
        
                WebServiceSettings-Method="GetData" WebServiceSettings-Path="../DataService.aspx" 
        
                Width="100%" />

When I use the above setup and type "foo" in the list then tab to the next field the value I typed is lost. The resulting combo box is empty. The behaviour I want to simulate is simialr to the IE8/FF3 search box when it lists suggestions but doesn't force you to choose a particular suggestion.

Thoughts?

UPDATE: I continued to search and found a post talking about a similar objective but it still clears the entered text when I tab out of the box - including items that were a part of the list. Still confused as to why it clears things when focus is lost.

ComboBox

answered on 15 Jan 2010

3 answers

127 views

ImageManager : Scrollbar doesn't appear into "Adjust Image Properties" Popup

When I right click on an image, and I click on "Adjust Image Properties", The scrollbar doesn't appears into the popup "Adjust Image Properties". So, I can see and click on the button "OK" placed at the bottom of the page.
I am using 2008, 2, 723, 20.

Thank you in advance,

Suzi

Editor

answered on 15 Jan 2010

5 answers

324 views

Empty Rows at the Top

Telerik,

I am using 2008 RAD Calendar Control. I do not want to show the Previous or Next month dates in Calendar. So I set the ShowOtherMonthsDays="false"

I also set FirstDayOfWeek="Monday".

I am getting Empty Row at the bottom if the first day starts from Tuesday to Friday. I was able to remove the Empty row from bottom by using some Server Side Logic.

Issue Starts here:

When the 1st day starts on Monday, I am getting one empty row on top of all the rows. I want to remove that row.

If I remove FirstDayOfWeek="Monday", then by default it takes FirstDayOfWeek="Sunday". So in this case I am getting an Extra Empty row on top of other rows if the First Day of week falls on Sunday.

Please help. I want to remove empty rows from Calendar.

FYI, I am using 6 Rows X 7 Colums Layout of Calendar.

Thanks,
Rakshit Bakshi

Calendar

answered on 15 Jan 2010

1 answer

85 views

Javascript object disappears on second firing of event

I have a simple project consisting of 2 pages. The first page contains a button, a RadAjaxManager, a RadWindow, and a RadGrid. The second page contains only some text and is used as a placeholder in the RadWindow.

I am executing an event handler for the RadWindow OnClientClose event, and in the handler I'm executing the ajaxRequest method on the RadAjaxManager. When the ajaxRequest call is made, the server-side handler is called as expected.

The problem is this: the code works fine the first time the RadWindow is closed. However, if I click the button and open the window a second time and then close the window, the RadAjaxManager client object is null when the OnClientClose event handler is fired the second time. Is this expected behavior?

This occurs in the handlers for both the OnClientClose event for the RadWindow and for the RadWindowManager. It appears that the RadAjaxManager object is destroyed when the RadWindow is closed.

Any thoughts as to why the RadAjaxManager goes away?

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RouteLegs.aspx.cs" Inherits="CNIntegration.RouteLegs" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!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> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <script type="text/javascript"> 
        
                        function ClientClose() { 
        
                            try { 
        
                                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>"); 
        
                                alert(ajaxManager); 
        
                                ajaxManager.ajaxRequest("Rebind"); 
        
                                alert("Returned from ajaxRequest"); 
        
                            } 
        
                            catch (err) { 
        
                                alert("Error:  " + err.message); 
        
                            } 
        
                        } 
        
                    </script> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                    </telerik:RadScriptManager> 
        
                    <telerik:RadWindowManager ID="RadWindowManager1" runat="server"> 
        
                        <Windows> 
        
                            <telerik:RadWindow ID="windowWaypoints" runat="server" Behavior="Default" OnClientClose="ClientClose" OnClientShow="ClientClose" 
        
                                InitialBehavior="None" Left="" NavigateUrl="Waypoints.aspx" OpenerElementID="Button1" 
        
                                Top="" Animation="None" Modal="true" Height="500" Width="500"> 
        
                            </telerik:RadWindow> 
        
                        </Windows> 
        
                    </telerik:RadWindowManager> 
        
                    <telerik:RadDock ID="RadDock1" runat="server" Width="300px" Visible="false" Resizable="true"> 
        
                        <ContentTemplate> 
        
                            <telerik:RadComboBox ID="RadComboBox1" runat="server"> 
        
                            </telerik:RadComboBox> 
        
                            <telerik:RadTextBox ID="RadTextBox1" runat="server"> 
        
                            </telerik:RadTextBox> 
        
                        </ContentTemplate> 
        
                    </telerik:RadDock> 
        
                    <%--<asp:LinkButton ID="LinkButton1" runat="server">Create New Waypoint</asp:LinkButton>--%> 
        
                    <asp:Button ID="Button1" runat="server" Text="Button" /> 
        
                    <telerik:RadGrid ID="gridRates" runat="server"  
        
                        onneeddatasource="gridRates_NeedDataSource" AllowFilteringByColumn="True"  
        
                        AllowPaging="True" AllowSorting="True" GridLines="None" ShowFooter="True" > 
        
                        <MasterTableView> 
        
                            <RowIndicatorColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </RowIndicatorColumn> 
        
                            <ExpandCollapseColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </ExpandCollapseColumn> 
        
                        </MasterTableView> 
        
                        <ClientSettings> 
        
                            <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
        
                        </ClientSettings> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using System.Data; 
        
            using Telerik.Web.UI; 
        
            namespace CNIntegration 
        
            { 
        
                public partial class RouteLegs : System.Web.UI.Page 
        
                { 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        gridRates.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top; 
        
                        gridRates.MasterTableView.CommandItemSettings.ShowExportToPdfButton = true; 
        
                    } 
        
                    protected override void RaisePostBackEvent(IPostBackEventHandler source, String eventArgument) 
        
                    { 
        
                        base.RaisePostBackEvent(source, eventArgument); 
        
                        if (source is RadAjaxManager) 
        
                        { 
        
                            switch (eventArgument) 
        
                            { 
        
                                case "Rebind": 
        
                                    { 
        
                                        gridRates.Rebind(); 
        
                                        break; 
        
                                    } 
        
                            } 
        
                        } 
        
                    } 
        
                    private DataSet GetRateData() 
        
                    { 
        
                        DataSet ds = new DataSet(); 
        
                        ds.Tables.Add("Rates"); 
        
                        ds.Tables[0].Columns.Add("RateID"); 
        
                        ds.Tables[0].Columns.Add("RateName"); 
        
                        ds.Tables[0].Columns.Add("RateDesc"); 
        
                        DataRow dr = ds.Tables[0].NewRow(); 
        
                        dr["RateID"] = 1; 
        
                        dr["RateName"] = "First Rate"; 
        
                        dr["RateDesc"] = "Desc One"; 
        
                        ds.Tables[0].Rows.Add(dr); 
        
                        dr = ds.Tables[0].NewRow(); 
        
                        dr["RateID"] = 2; 
        
                        dr["RateName"] = "Second Rate"; 
        
                        dr["RateDesc"] = "Desc Two"; 
        
                        ds.Tables[0].Rows.Add(dr); 
        
                        Session["RateData"] = ds; 
        
                        return ds; 
        
                    } 
        
                    protected void gridRates_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e) 
        
                    { 
        
                        gridRates.DataSource = GetRateData(); 
        
                    } 
        
                    /*
        
                    protected void gridRates_ItemCommand(object source, GridCommandEventArgs e)
        
                    {
        
                        DataSet ds = new DataSet();
        
                        ds.Tables.Add("Rates");
        
                        ds.Tables[0].Columns.Add("RateID");
        
                        ds.Tables[0].Columns.Add("RateName");
        
                        ds.Tables[0].Columns.Add("RateDesc");
        
                        gridRates.DataSource = ds;
        
                    }
        
                    */ 
        
                } // RouteLegs class 
        
            } // CNIntegration namespace

Ajax

answered on 15 Jan 2010

1 answer

192 views

[Solved] Pageview Size and TabStrip

Hi,

I have a radsplitter with 2 panes. One has a multipage and w/in each pageview a radsplitter. The pageview that loads by default is loaded correctly. But when I switch to another pageview (similar in configuration to the first one) via the tabstrip, that pageview is not sized properly. Any help is appreciated. My code is below.

Thanks.

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebForm1" %> 
        
            <!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 id="Head1" runat="server">  
        
                <title></title>  
        
                    <style type="text/css">       
        
                     html, body, form     
        
                     {     
        
                        height: 100%;     
        
                        margin: 1;     
        
                        padding: 0;     
        
                        overflow: hidden;     
        
                     }  
        
                     </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    </telerik:RadScriptManager> 
        
                    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Windows7">  
        
                    </telerik:RadSkinManager> 
        
                    <div style="height: 100%">  
        
                        <telerik:RadSplitter ID="RadSplitterMain" runat="server"   
        
                            Orientation="Horizontal" Width="100%" EnableViewState="True" Height="100%"   
        
                            BorderSize="0" BorderStyle="None" HeightOffset="15">  
        
                            <telerik:RadPane ID="HeaderPane" runat="server" Height="50px">  
        
                                <table style="width: 100%;">  
        
                                    <tr> 
        
                                        <td> 
        
                                           Header Img</td> 
        
                                        <td> 
        
                                            <asp:Label ID="Label2" runat="server" Text="Header Label"   
        
                                                style="font-weight: 700"></asp:Label> 
        
                                        </td> 
        
                                        <td align="center" valign="middle" width="150">  
        
                                            <asp:Label ID="Label26" runat="server"></asp:Label> 
        
                                        </td> 
        
                                    </tr> 
        
                                </table>                  
        
                            </telerik:RadPane> 
        
                            <telerik:RadPane ID="Tabstrip" runat="server" Height="26px">  
        
                                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" ShowBaseLine="True"   
        
                                    MultiPageID="RadMultiPage1" Skin="Windows7" SelectedIndex="0">  
        
                                    <Tabs> 
        
                                        <telerik:RadTab runat="server" Text="Page0" Selected="True">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab runat="server" Text="Page1">  
        
                                        </telerik:RadTab>                  
        
                                   </Tabs> 
        
                                </telerik:RadTabStrip>     
        
                            </telerik:RadPane> 
        
                            <telerik:RadPane ID="BodyPane" runat="server" Height="100%" Width="100%">  
        
                                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="1"   
        
                                    Height="100%" Width="100%">  
        
                                    <telerik:RadPageView ID="pvPage0" runat="server" BorderStyle="None" BorderWidth="0px" Height="100%" Width="100%">  
        
                                        <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" FullScreenMode="False" ResizeWithParentPane="False" Width="100%" Height="100%" > 
        
                                            <telerik:RadPane ID="RadPane1" runat="server" BorderWidth="0px" Scrolling="None" BackColor="#FF0066" Height="100%">                              
        
                                            Page0  
        
                                            </telerik:RadPane>    
        
                                        </telerik:RadSplitter> 
        
                                    </telerik:RadPageView> 
        
                                    <telerik:RadPageView ID="pvPage1" runat="server" BorderStyle="None" BorderWidth="0px"  Height="100%" Width="100%">  
        
                                        <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" FullScreenMode="False" ResizeWithParentPane="False" Width="100%" Height="100%" BackColor="#009933">  
        
                                            <telerik:RadPane ID="RadPane2" runat="server" BorderWidth="0px" Scrolling="None" BackColor="#66FF99" Height="100%">                              
        
                                            Page1  
        
                                            </telerik:RadPane>    
        
                                        </telerik:RadSplitter> 
        
                                    </telerik:RadPageView> 
        
                                </telerik:RadMultiPage> 
        
                            </telerik:RadPane>                               
        
                        </telerik:RadSplitter>      
        
                    </div>      
        
                </form> 
        
            </body> 
        
            </html>

TabStrip

answered on 15 Jan 2010

1 answer

108 views

Renaming directories

Hi Telerik,
after renaming a directory, in the tree occurs the new name only when refreshing the tree (and not automatically). I use the DbContentProvider.
Is this behavior intended?

Best regards,
Andreas

FileExplorer

answered on 15 Jan 2010

1 answer

148 views

regarding Sys errors

Hi
I have used Telerik Rad Ajax Controls Q2 2008.
I have used Telerik <telerik:RadAjaxManager. I have got following error when first dropdown selected value get dataset from database and bind next dropdown. The following javascript error occure some time please give me solution.

Message: Sys.InvalidOperationException: Type Telerik.Web.UI.Orientation has already been registered. The type may be defined multiple times or the script file that defines it may have already been loaded. A possible cause is a change of settings during a partial update.
Line: 2315
Char: 38
Code: 0
URI: http://www.siteaddress.com/applicationname/ScriptResource.axd?d=-Jgv8ZgSJ3CG7LC-_W3T-i8dO-NBSfGpnshh3hHdbdXPEShm0iLzJ08uDYlLty_UpQB5ZqNuuf0iFmEt0QhErrFU7-CBVDN1TgEVjlDayQg1&t=ffffffffa8e04a08

Message: Sys.ScriptLoadFailedException: The script 'http://www.siteaddress.com/applicationname/ScriptResource.axd?d=6ogW2h6cbt5jB0bxuSFD2y6YXBObbV_hlKI5N2sDkPQ1JWWHXuyOWOe_qu8xQRr-0&t=31ebd8a9' failed to load. Check for:
Inaccessible path.
Script errors. (IE) Enable 'Display a notification about every script error' under advanced settings.
Missing call to Sys.Application.notifyScriptLoaded().
Line: 1266
Char: 13
Code: 0
URI: http://www.siteaddress.com/applicationname/ScriptResource.axd?d=-Jgv8ZgSJ3CG7LC-_W3T-i8dO-NBSfGpnshh3hHdbdXPEShm0iLzJ08uDYlLty_Ug3CD7xGk8j12QpbYiFo4jZAat0BxiTe1yTlTB_8kHd_tFPaHrfquPu1O1B-EYp880&t=ffffffffa8e04a08

Thanksssssss

Ajax

answered on 15 Jan 2010

1 answer

43 views

dragover="true" causing W3C errors

Using Radeditor in DNN we frequently experience dragover="true" being automatically inserted into the html, possibly due to dragging images around the page. This causes W3C validation errors.

Does dragover="true" serve a purpose and can we turn it off?

Regards
Adam

Editor

answered on 15 Jan 2010

1 answer

167 views

[Solved] ClientID not being replaced

    
                                    <asp:RadioButtonList ID="rdoOffer" onclick="alert('<%= rdoOffer.ClientID %>');" 
        
                                     runat="server"> 
        
                                        <asp:ListItem Text="Yes" Value="Y"></asp:ListItem> 
        
                                        <asp:ListItem Text="No" Value="N"></asp:ListItem> 
        
                                    </asp:RadioButtonList>

When putting RadScriptBlock around RadioButtonList, I get an error msg that there is an invalid character.

This snippet is inside an User Control ascx and the main page has AjaxManager.
2009.3.1210.35

I can use RadScriptBlock around a javascript but how do I get it to work in the onClick of the control?
I don't want to create a js function for each control that I need to use it. I would like to pass the clientID of the control to the generic function.

Right now I used AutoPostback="true" but the roundtrip cost is 50k compressed and there is a slight delay.
All I wanted to do in OnClick is to make another <div> section visible or hidden based on the choices.
In validation code I check if the controls in <div> is visibile if so apply validation.

Is it possible to use client script to alter the <div>'s visibility and also have the visibility carry back to server side code on the next autopostback?

Ajax

answered on 15 Jan 2010