Questions on UI for ASP.NET AJAX Forum

1 answer

74 views

New Forest theme Button in Q1 2010

Are the partial white underline and square bottom corners of the decorated buttons in the Forest theme for the Q1 2010 release intentional?

FormDecorator

answered on 11 Mar 2010

2 answers

373 views

Rad Dock overflow and scrollable container issues

I'm having overflow problems in my rad docks. They are in a user control (in an update panel), in a content page which is in a master page. My control is generating all the rad docks dynamically. The rad docks are overflowing the containers they are in, but my other controls are obeying the rules.

Screen Shot 1
Master Page

    
            <td> 
        
             <div id="MainDiv">  
        
              <asp:ContentPlaceHolder ID="MainPlaceHolder" runat="server">  
        
              </asp:ContentPlaceHolder> 
        
             </div> 
        
            </td> 
        
            ------ CSS setting  
        
            #MainDiv  
        
            {  
        
                height: 458px;  
        
            }

Screen Shot 2
Master page has a control panel added to facilitate fitting in the allowed area. You can see how the Rad Docks overflow above the control container. They also overflow below the container too. Other controls (labels, buttons, etc..) will not appear in the overfow area. The same effect appears no matter if I put the panel control in the master page, content page, or in the user control.

    
                        <td> 
        
                            <div id="MainDiv">  
        
                            <asp:Panel ID = "null3kd98" runat="server" Height="100%" ScrollBars="Vertical">  
        
                                <asp:ContentPlaceHolder ID="MainPlaceHolder" runat="server">  
        
                                </asp:ContentPlaceHolder> 
        
                                </asp:Panel> 
        
                            </div> 
        
                        </td>

Here is my rad dock layout control in the user control

    
            <div id="div_PrioritizePriorities">  
        
               <asp:UpdatePanel runat="server" ID="up1">  
        
                  <ContentTemplate> 
        
                        <telerik:RadDockLayout ID="RadDockLayout1" runat="server" 
        
                           OnSaveDockLayout="RadDockLayout1_SaveDockLayout" 
        
                           OnLoadDockLayout="RadDockLayout1_LoadDockLayout">  
        
                           <div id="div_rdZoneMain">  
        
                              <p class="p_ZoneHeader">  
        
                                 Current Widgets  
        
                              </p> 
        
                              <telerik:RadDockZone ID="rdZoneMain" runat="server" minHeight="180px"   
        
                                 Width="100%" BorderStyle="None">  
        
                              </telerik:RadDockZone> 
        
                           </div> 
        
                           <div id="div_rdZoneNew">  
        
                              <p class="p_ZoneHeader">  
        
                                 New Widgets  
        
                              </p> 
        
                              <telerik:RadDockZone ID="rdZoneNew" runat="server" minHeight="180px"   
        
                                 Width="100%" BorderStyle="None">  
        
                              </telerik:RadDockZone> 
        
                           </div> 
        
                           <div id="div_rdZoneHidden2" class="div_rdZoneHidden2" runat="server">  
        
                              <p class="p_ZoneHeader">  
        
                                 Hidden Widgets  
        
                              </p> 
        
                              <telerik:RadDockZone ID="rdZoneHidden" runat="server" width="100%" MinHeight="30px" 
        
                                 BorderStyle="None" /> 
        
                           </div> 
        
                        </telerik:RadDockLayout> 
        
                  </ContentTemplate> 
        
                  <Triggers> 
        
                     <asp:AsyncPostBackTrigger ControlID="ibToggleCollapseAll" EventName="Click" /> 
        
                     <asp:AsyncPostBackTrigger ControlID="cbShowImpact" EventName="checkedchanged" /> 
        
                     <asp:AsyncPostBackTrigger ControlID="cbShowIssues" EventName="checkedchanged" /> 
        
                  </Triggers> 
        
               </asp:UpdatePanel> 
        
            </div>

What can I do to get my rad docks to obey their containers?

Dock

answered on 11 Mar 2010

1 answer

133 views

"Infinite" RadAjaxLoadingPanel issue

We have a very annoying issue with the RadAjaxManager and RadAjaxLoadingPanel controls.

When two or more Ajax requests are sent, two or more RadAjaxLoadingPanels are shown and only the first one is hidded... so the other AjaxLoadingPanel stay on screeen... letting the user know that the application is crashed or blocked...

The bug can be easily reproduced with onlne Telerik samples pages.

For exemple with this page :
http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/explicitshowhide/defaultcs.aspx

- Clicking a day in the calendar produce a postback with a LoadingPanel => OK
- Clicking the "Clear Selected Dates" produce a postback with a LoadingPanel => OK
- Clicking a day in the calendar then clicking the "Clear Selected Dates" before the first RadAjaxPanel is hidded make the second RadAjaxLoading panel loops infinitly => BUG

Hope this bug will be fixed soon,

Best regards,

Ajax

answered on 11 Mar 2010

1 answer

92 views

back button on the tool bar

Hi

Can anyone throw some light on the following:

I need to add a tool bar that is visible across all the pages in the web site .. so I created a user control(.ascx file) with only a rad toolbar and all its items and added to the master page.

Questions:

1. Is there a way to enable and disable the items in the tool bar depending on some settings or values on the content pages.

2. I have items like print,save,back etc can I have client side java script functions do the handling for me? right now this is how i am doing it:

protected void RadToolBar1_ButtonClick(object sender, Telerik.Web.UI.RadToolBarEventArgs e)

{

if (e.Item.Value == "Back")

{

Response.Write("<script type='text/javascript'>history.go(-1);</script>"); -- This isn't working though

}

if (e.Item.Value == "Print")

{

Response.Write("<script type='text/javascript'>window.print();</script>");

}

I appreciate any help.

Thanks

ToolBar

answered on 11 Mar 2010

1 answer

254 views

[Solved] Can not find control in RadAjaxPanel for content page

Hi,

I am using a master content page. I am able to find the controls on content page which are outside AjaxPanel but not which are inside.

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" MasterPageFile="~/MasterPage.master" %>

<%

@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<

asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server" ID="Cnt1">

<

telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true"></telerik:RadScriptManager>

<asp:TextBox ID="txtTest" runat="server" Text="abc">

</asp:TextBox>

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1">

<telerik:RadTextBox ID="txtRad" runat="server" Text="xyz"></telerik:RadTextBox>

</telerik:RadAjaxPanel>
<

script type="text/javascript">

alert(document.getElementById(

"<%=txtRad.ClientID%>").value);

</script>

</asp:Content>

I am getting error

"The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>). "

Below is my Master Page code

<%

@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<%

@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!

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>Untitled Page</title>

<asp:ContentPlaceHolder id="head" runat="server">

</asp:ContentPlaceHolder>

</

head>

<

body>

<div>

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</

body>

</

html>

How to find the control in RadAjaxPanel??

Ajax

answered on 11 Mar 2010

3 answers

204 views

Grid losing data on postback triggered from controls inside the grid

I have a RadGrid that is bound to a DataSet. On each row I have GridTemplateColumns with a LinkButton with the CommandName "Delete".

When clicking the link, the grid posts back data with Ajax and I expect it to catch the click event.

However, when buttons are placed inside the grid, the first event on postback is not the ItemCreated-event, instead the first event is PageLoad. It doesn't look like the grid fires the event sequence described here:
http://www.telerik.com/help/aspnet-ajax/grdeventsequence.html

If I trigger a postback with controls that are positioned outside the grid, the sequence is fired as expected with the ItemCreated event executed first.

It seems that all rows in the grid are lost during postback. Any ideas about how to track this problem down?

Thanks,
Martin

Grid

answered on 11 Mar 2010

1 answer

127 views

[Solved] Replacement for ASP.NET Dynamic Data Web Application using RadGrid

Requirements
RadControls version	Q2 2009 (826)
.NET version	3.5
Visual Studio version	2008
programming language	C#
browser support	all browsers supported by RadControls

PROJECT DESCRIPTION
I have created a web project which has similar functionality to the ASP.NET Dynamic Data Web Application. This project only contains:

1 webpage
- 1 RadGrid to show (and modify) the data from the SQL table
- 1 RadComboBox to show all LINQ to SQL tables from the Diagram
- 3 Radiobuttons to set the EditMode property of the RadGrid
- 1 Linkbutton to export the RadGrid to MS Excel
1 LINQ to SQL diagram (which contains all tables from my AdventureWorks SQL Server database)

So this project is a lot simpler than the Dynamic Data Web Application... all thanks to Telerik ;-)

To use it within your own project, copy the webpage and LINQ to SQL diagram to your web project. Then delete all tables from the LINQ to SQL diagram and add all tables from the SQL Server database you wish to view and modify. That is all !!!

(I have removed the Telerik assembly from the attached ZIP)

Grid

answered on 11 Mar 2010

3 answers

320 views

How to give space between teo toolbar button

I want to give space between two toolbar button.

It is possible for me in Radcontrol Asp.net Q3 2007 without applying any skin.

In Radcontrol Asp.net ajax Q1 2008 it showing the toolbar button with no space bettween them.
How can i give the space between two toolbar button without applying skin.

ToolBar

answered on 11 Mar 2010

1 answer

139 views

Ajax Binding and ItemTemplate

    
                                        <telerik:RadComboBox ID="radCombo5"   
        
                                                             runat="server"   
        
                                                             Width="250px"   
        
                                                             Height="150px" 
        
                                                             DropDownWidth="298px" 
        
                                                             EnableLoadOnDemand="true"   
        
                                                             EnableVirtualScrolling="true" 
        
                                                             MarkFirstMatch="false" 
        
                                                             HighlightTemplatedItems="true" 
        
                                                             EmptyMessage="Digitare il comune da ricercare" 
        
                                                             OnClientItemsRequesting="radCombo5_OnClientItemsRequesting" > 
        
                                            <WebServiceSettings Method="GetCity5" Path="_Selection.aspx" /> 
        
                                     </telerik:RadComboBox>

    
                    [WebMethod]  
        
                    public static RadComboBoxData GetCity5(RadComboBoxContext context)  
        
                    {  
        
                        RadComboBoxData comboData = new RadComboBoxData();  
        
                        List<RadComboBoxItemData> result = new List<RadComboBoxItemData>();  
        
                        if (context.Text != "")  
        
                        {  
        
                            try 
        
                            {  
        
                                ComuneCollection comuneCollection = new ComuneCollection();  
        
                                string[] values;  
        
                                values = context.Text.Trim().Split(' ');  
        
                                Where w;  
        
                                foreach (string item in values)  
        
                                {  
        
                                    if (item != null && item.Trim() != string.Empty)  
        
                                    {  
        
                                        w = new Where();  
        
                                        w.Comparison = Comparison.Like;  
        
                                        w.ColumnName = Comune.Columns.Descrizione;  
        
                                        w.ParameterValue = "%" + item + "%";  
        
                                        if ((bool)context["checked"])  
        
                                            w.Condition = Where.WhereCondition.OR;  
        
                                        else 
        
                                            w.Condition = Where.WhereCondition.AND;  
        
                                        comuneCollection.Where(w);  
        
                                    }  
        
                                }  
        
                                comuneCollection.Load();  
        
                                if (comuneCollection.Count <= 1000)  
        
                                {  
        
                                    foreach (Comune comune in comuneCollection)  
        
                                    {  
        
                                        RadComboBoxItemData itemData = new RadComboBoxItemData();  
        
                                        itemData.Text = comune.Descrizione;  
        
                                        itemData.Value = comune.Codprovincia + comune.Codcomune;  
        
                                        if (comune.Codcatastale.Trim() == string.Empty)  
        
                                            comune.Codcatastale = "ZZZ";  
        
                                        itemData.Attributes.Add("Codcatastale", comune.Codcatastale);  
        
                                        result.Add(itemData);  
        
                                    }  
        
                                    comboData.Message = String.Format("Trovati <b>{0}</b> elementi per <b>'{1}'</b>",  
        
                                                                        comuneCollection.Count.ToString(),  
        
                                                                        context.Text);  
        
                                }  
        
                                else 
        
                                {  
        
                                    comboData.Message = String.Format("Trovati più di <b>1000</b> elementi. Affinare la ricerca");  
        
                                }  
        
                            }  
        
                            catch (Exception ex)  
        
                            {  
        
                                comboData.Message = String.Format("<b>{0}</b>", ex.Message);  
        
                            }  
        
                        }  
        
                        comboData.Items = result.ToArray();  
        
                        return comboData;  
        
                    }

This code is OK!!!

But if I insert ItemTemplate I have a problem.

    
                                        <telerik:RadComboBox ID="radCombo5"   
        
                                                             runat="server"   
        
                                                             Width="250px"   
        
                                                             Height="150px" 
        
                                                             DropDownWidth="298px" 
        
                                                             EnableLoadOnDemand="true"   
        
                                                             EnableVirtualScrolling="true" 
        
                                                             MarkFirstMatch="false" 
        
                                                             HighlightTemplatedItems="true" 
        
                                                             EmptyMessage="Digitare il comune da ricercare" 
        
                                                             OnClientItemsRequesting="radCombo5_OnClientItemsRequesting" > 
        
                                            <WebServiceSettings Method="GetCity5" Path="_Selection.aspx" /> 
        
                                            <HeaderTemplate> 
        
                                                <table style="width: 275px" cellspacing="0" cellpadding="0">  
        
                                                    <tr> 
        
                                                        <td style="width: 177px;">  
        
                                                            Comune</td> 
        
                                                        <td style="width: 60px;">  
        
                                                            CodIstat</td> 
        
                                                        <td style="width: 40px;">  
        
                                                            CodCatasto</td> 
        
                                                    </tr> 
        
                                                </table> 
        
                                            </HeaderTemplate> 
        
                                            <ItemTemplate> 
        
                                                <table style="width: 275px" cellspacing="0" cellpadding="0">  
        
                                                    <tr> 
        
                                                        <td style="width: 177px;">  
        
                                                            <%# DataBinder.Eval(Container, "Text")%> 
        
                                                        </td> 
        
                                                        <td style="width: 60px;">  
        
                                                            <%# DataBinder.Eval(Container, "Value")%> 
        
                                                        </td> 
        
                                                        <td style="width: 40px;">  
        
                                                            <%# DataBinder.Eval(Container, "Attributes['Codcatastale']")%> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                </table> 
        
                                            </ItemTemplate> 
        
                                        </telerik:RadComboBox>

The HeaderTemplate is ok.
But the ItemTemplate isn't apply, the Items are displayed in defualt mode.

Is It possibile apply Template on Item On ajax binding?
Thanx

ComboBox

answered on 11 Mar 2010

1 answer

199 views

RadDatePicker 'Input string was not in a correct format.'

Hi

I'm populating my radgrid using ADO.NET. I send the parameters to a method. The method then returns a dataset, which is placed into a local dataset.

The method's input parameter type for the radDatePicker is DateTime. I have tried everything I can think of to make the error disappear.

I have tried placing the control's SelectedValue and dbSelectedValue into a Convert.ToDateTime, I have tried parsing the value to a string and then have the method input parameter type also as a string, but the error keeps showing up.

Please advice.

Thank you

Calendar

answered on 11 Mar 2010