Questions on UI for ASP.NET AJAX Forum

1 answer

118 views

Hi,

Please see attachment.

As you can see the datatable column header text got cut off, how to increase the datatable column width to make more space for the text?

Regards,
Matt

Chart (Obsolete)

answered on 15 Jan 2010

1 answer

267 views

RadEditor - Removing <BR> tag when i save

When I am in the rad editor I hit enter to place a line space between a table and an image.
When I postback to the server the
Me.RadEditor.Content
removes the <BR> tag.

Here is what I start off with:

<TABLE>
<TR><TD> </TD></TR></TABLE>
<P align=center><BR><IMG style="WIDTH: 393px; HEIGHT: 236px" src="http://www.domain.com/client_images/11/8ball.gif" width=381 height=279></P>

Here is what I end up with when i post back.

<TABLE>
<TR><TD> </TD></TR></TABLE>
<P align=center><IMG style="WIDTH: 393px; HEIGHT: 236px" src="http://www.domain.com/client_images/11/8ball.gif" width=381 height=279></P>

The rad editor also removes this tage when i switch from source view to design view.

Please advise.

Trevor

Editor

answered on 15 Jan 2010

1 answer

116 views

Drag and Drop Client side

Hay all,

I want to disable post back when item Dropped.

I Call a Wcf Service from the client that manipulate data on the server to get better performance in the OnDropped event.

when I set the cancel property to true , OnDropped event not fires and I Cant use my logic to handle the situation.

thanks,

Nadav

Grid

answered on 15 Jan 2010

4 answers

270 views

[Solved] SpellCheck not reflecting the spell correction in Rad Textbox

Hi,

I am using the ASP.NET AJAX Spell checker with the Rad Textbox,
Scenario :
User types some text in the RAD textbox and click the spell control for spell checking, spell cheker is invoked and suitable suggestions are shown to the user, users select the best suggestion for the misspelt word. Spell checker shows the message "Spelling checking complete". Till here all is well, but the suggested word is not reflected in the source RAD textbox. The trick here is once you click the textbox, it will now show the suggested word in textbox.

The problem seems with this pair (Spell + RAD textbox) only, if we use the normal ASP.NET textbox, it work fine.

Please advice me the solution in this case. Any further info please revert.

Thanks,
Sushil Jinder

Spell

answered on 15 Jan 2010

1 answer

110 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

103 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

135 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

338 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

90 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

196 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