Questions on UI for ASP.NET AJAX Forum

13 answers

208 views

Radcalender inside Repeater - Events not working

Hi,
I am using Rad Calender inside a Repeater.

<asp:Repeater ID="ResultRpt" runat="server">

<ItemTemplate>

<telerik:RadCalendar Style="width: 191px; height: 123px" ID="RadCalendar1" runat="server"

EnableMonthYearFastNavigation="false" AutoPostBack="true" MultiViewColumns="1"

MultiViewRows="1" EnableMultiSelect="true">

</telerik:RadCalendar>

<telerik:RadToolTipManager Width="270px" Height="135px" Style="font-size: 11px" RelativeTo="Element"

ID="RadToolTipManager1" runat="server" OffsetX="7" Position="MiddleRight" OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" Skin="Telerik" AutoCloseDelay="90000" </telerik:RadToolTipManager>

</ItemTemplate>

</asp:Repeater>

this is my rad ajax manager

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadCalendar1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="calMarker">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="calMarker" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue" />

The tool tip on the date is not working . And the loading panel is not working for the onclick on the rad calender(instead the page is postbacking) .



The calmarker control is a panel bar which is also inside the repeater its loading panel is also not working .



These was working when there was no repeater. After i put the repeater control the issue started.



Regards

Sankardeep

Calendar

answered on 27 Apr 2011

6 answers

602 views

NullReferenceException in RadAjaxManager.AjaxSettings.AddAjaxSetting()

Hi,

I have a Page Controller design pattern, so I have a base Page class that defines and dumps out a RadAjaxManager control. The (edited) base class is:

                    using System;         
            using System.Collections.Generic;         
            using System.Linq;         
            using System.Text;         
            using System.Web;         
            using System.Xml;         
            using xxx.yyy.ASPNET.Security;         
            using xxx.yyy.Client;         
            using xxx.yyy.Client.Security;         
            using xxx.yyy.Core;         
            using Telerik.Web.UI;         
                     
            namespace xxx.yyy.ASPNET         
            {         
                public class AuthenticatedyyyPage : yyyPageBase         
                {         
                    private RadAjaxManager _radAjaxManager=null;         
                    
                    #region ~ Properties ~         
                     
                    public RadAjaxManager AjaxManager         
                    {         
                        get { return _radAjaxManager; }         
                    }         
                    
                    #endregion         
                     
                    protected override void OnLoad(EventArgs e)         
                    {         
                        // set up global AJAX Manager         
                        _radAjaxManager = BuildRadAjaxManager();         
                        Form.Controls.Add(_radAjaxManager);         
                     
                        if (!ClientScript.IsClientScriptBlockRegistered(_radAjaxManager.ClientID))         
                        {         
                            ClientScript.RegisterClientScriptBlock(_radAjaxManager.GetType(), _radAjaxManager.ClientID,GenerateJavascript(),true);         
                        }         
                                 
                     
                        base.OnLoad(e);         
                    }         
                     
                    protected virtual RadAjaxManager BuildRadAjaxManager()         
                    {         
                        RadAjaxManager radAjaxManager = new RadAjaxManager();         
                        radAjaxManager.ID = "radAjaxManager";            
                        return radAjaxManager;         
                    }         
                     
                    private string GenerateJavascript()         
                    {         
                        StringBuilder sb = new StringBuilder();         
                     
                                 
                     
                        sb.Append("\n\nfunction migGetRadAjaxManager() {\n");         
                        sb.Append("\tvar ajaxManager=$find(\"" + _radAjaxManager.ClientID + "\");\n");         
                        sb.Append("\treturn ajaxManager;\n");         
                        sb.Append("}\n\n");         
                     
                     
                        return sb.ToString();         
                    }         
                }         
            }         
                     
                     

(The RadAjaxManager is added into the Form and appears in the rendered HTML)

In the derived page, I want to add an AjaxSetting programmatically (as per http://www.telerik.com/help/aspnet-ajax/ajxaddajaxsettingsprogrammatically.html) in the Page_Load():

                    protected void Page_Load(object sender, EventArgs e)         
                    {         
                        AjaxManager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(AjaxManager_AjaxRequest);         
                                 
                        AjaxManager.AjaxSettings.AddAjaxSetting(btnCancel0, pnlScriptInjector);         
                                 
                    }         

But this results in the exception:

Object reference not set to an instance of an object.

AjaxManager.AjaxSettings.AddAjaxSetting(btnCancel0, pnlScriptInjector);

                       at Telerik.Web.UI.AjaxSettingsCollection.AddAjaxSetting(Control ajaxifiedControl, Control updatedControl)         
               at xxx.yyy.ASPNET.Presentation.Secure.Admin.ImportWindowsUsers.Page_Load(Object sender, EventArgs e) in c:\dev2008\yyy2\yyy_WEB\secure\admin\ImportWindowsUsers.aspx.cs:line 128         
               at System.Web.Util.CalliHelper.EventArgFunctionCaller(IntPtr fp, Object o, Object t, EventArgs e)         
               at System.Web.Util.CalliEventHandlerDelegateProxy.Callback(Object sender, EventArgs e)         
               at System.Web.UI.Control.OnLoad(EventArgs e)         
               at xxx.yyy.ASPNET.yyyBase.OnLoad(EventArgs e) in C:\dev2008\yyy2\xxx.yyy.ASPNET\yyyPageBase.cs:line 45         
               at xxx.yyy.ASPNET.Authenticatedyyy.OnLoad(EventArgs e) in C:\dev2008\yyy\xxx.yyy.ASPNET\AuthenticatedyyyPage.cs:line 138         
               at System.Web.UI.Control.LoadRecursive()         
               at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)         

Inspecting the variables in the debugger and I can't see anything that is null.

Could you please tell me why is this happening? Am I using it right?

Ajax

answered on 27 Apr 2011

4 answers

242 views

Select Row When Clicking CheckBox

Happy Monday, everyone!

Our users have requested that when we use the RadListBox with CheckBoxes that when they click on a checkbox that the entire row become focused - like it does when they click on the text of a row.

I've tried setting focus manually in the ItemChecked event with the following but no matter what I do I can't get this accomplished.

event.get_item().select();

event.get_item().get_element().focus();

Anyone managed to get this working?

Thanks!
Thad

ListBox

answered on 27 Apr 2011

2 answers

63 views

Unable to start_edit() a node if it is the only child of parent.

Hi,
  I'm not able to start_edit() a new node at the 2nd Level client-side if the parent node does not have any child previously and this is the only child.

Below is the code I've written to add a new node.

   function AddNode(parentNode)
   {
   var tree = parentNode.get_treeView();
   tree.trackChanges();
   var node = new Telerik.Web.UI.RadTreeNode();
   node.set_text("New Node");
   node.set_value("New Node");
   parentNode.get_nodes().add(node);
   node.select();
   tree.add_nodeEdited(NodeAdded);
   tree.commitChanges();
   node.startEdit();
   }

at the node.startEdit() statement it throws an error as: "htmlfile: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus."

Please note that the ExpandMode of the Nodes are "WebService"

-Himanshu

TreeView

answered on 27 Apr 2011

2 answers

92 views

Using c# method in column header of gridview

Hello !

i would like to do the same think the is working:

<asp:Label CssClass="edInline" ID="LblActif" Width="115px" runat="server"><%= DatabaseResourceManager.Translate("5031/Actif")%></asp:Label>

i m calling a c# class to translate my text with the database text corresponding in the good language and it works good, i would like to do the same with columns in the aspx file not in code behind but this doesn't seems to work :

<telerik:GridBoundColumn DataField="LastName" FilterControlAltText="Filter column column"

HeaderText='<%= DatabaseResourceManager.Translate("5914/:Nom")%>' UniqueName="LastName">

</telerik:GridBoundColumn>

some help ?

[EDIT]
Ok I found a way to solve it (the night is good to think :-) )

<telerik:GridTemplateColumn>

<HeaderTemplate>

<asp:Label ID="clLblLastName" runat="server"><%= DatabaseResourceManager.Translate("5914/Nom") %></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:Label runat="server" ID="clTxtLastName" Text='<%# Eval("LastName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

General Discussions

answered on 27 Apr 2011

1 answer

83 views

selected tab style

The Ribbonbar is a great control. One small UI request... I don't think there should be a line underneath selected tabs as can be seen in the attached screen capture

RibbonBar

answered on 27 Apr 2011

1 answer

87 views

Datapager Layout problems in Chrome and Safari

I am using 2011 Q1 of ASP.NET Ajax tools. I have the following code within a RadListView control for data paging.

<table cellpadding="0" cellspacing="0" width="100%;" style="clear: both;">

<tr>

<td>

<telerik:RadDataPager ID="RadDataPager2" runat="server" PagedControlID="RadListView1"

PageSize="10">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />

<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"

TextBoxWidth="15" />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<div style="float: right">

<b>Items

<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />

to

<asp:Label runat="server" ID="TotalPagesLabel"

Text="<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>" />

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />

<br />

</b>

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

</td>

</tr>

</table>

The layout works fine in Internet Explorer (9) and Firefox (4) (see datapager ie.png image) but the page x of x section wraps in Chrome (10) and Safari (5) (see datapager chrome.png).

Any ideas on how to fix this?

Thank you.

DataPager

answered on 27 Apr 2011

7 answers

111 views

Calendar does not remove CssClass Hover Day

In the event DayRender on certain days of the month I add a CSS class on the cell.

If e.Day.Date >= startDate AndAlso e.Day.Date <= endDate Then

e.Cell.Attributes.Add("class", "singleItem")

End If

The default text color is orange.

The CSS class contains only the line "color: # ff0000"

When I put my cursor on the figure is red "# ff0000", my figure back to the color orange. How can he not remove my css class that I added in my event DayRender?

Calendar

answered on 27 Apr 2011

1 answer

141 views

How to format date column while exporting data to excel

Hi,

We are using radgrid(RadGrid.Net2, Version=5.0.1.0) and we are exporting data to excel using radGrid.MasterTableView.ExportToExcel();
As grid contains date columns, we want to format it in given format. But grid does not support "ExcelExportCellFormatting" event.
Can anybody provide me the solution or any workaround.

Reg,
Chirag

Grid

answered on 27 Apr 2011

1 answer

155 views

Radgrid - Section 508 related issues

Hi,

We using Telerik tools (Version Version=2009.3.1208.20) for our ASP.Net web development. We also have Radgrids with sorting and Pagination functionality enabled in our ASPX pages. From the 508 testing, we noticed the following issues with the Radgrid when pagination/sorting enabled.

a) When images are removed or certain alternate stylesheets are applied, the table pagination and sort image buttons disappear. (Please find the attachment TotalExceptionsTableWithCSSDisabled.PNG)

b) When CSS is disabled on the page, the table pagination and sort image buttons display as buttons with no text (they display as a gray box). (Please find the attachment ExceptionRequestCSSOff.PNG)

c) Further more, the “Page Size” combo box at the end (at the footer) of the radgrid data table do not have explicit labeling. Is there a way we could add a explicit label to the page size drop down?

We have also identified few other section 508 issues with Radgrid and created separate service requests for them. Per response to those threads, we are grouping all 508 relates issues in this one single thread. Please find the list of 508 issues attached.

d) http://www.telerik.com/community/forums/aspnet-ajax/grid/508-no-audible-cue-that-a-sort-has-been-performed-on-collumn-sort-in-radgrid.aspx

e) http://www.telerik.com/community/forums/aspnet-ajax/grid/508-radgrid-pagination-use-layout-table-but-have-summary-attribute.aspx

f) http://www.telerik.com/community/forums/aspnet-ajax/grid/508-no-audible-cue-that-a-sort-has-been-performed-on-collumn-sort-in-radgrid.aspx#1558157

g) http://www.telerik.com/community/forums/aspnet-ajax/grid/508-radgrid-pagination-use-layout-table-but-have-summary-attribute.aspx#1558178

h) http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-complex-nested-table-how-to-code-table-using-headers-and-id-attributes.aspx#1558242

Please provide me a guidance / option how to address these section 508 findings.

Thanks,

Kalidas.K

Grid