Questions on UI for ASP.NET AJAX Forum

1 answer

158 views

I am following the example in "Handling Time Zones" in the documentation for RadScheduler to use JavaScript and asynchronous AJAX requests to discover the time zone on the client. I copied the following block of code into my ASP page (see the code below).
But when I compile, I always get an error saying, "The name 'RadAjaxManager1' does not exist in the current context ".
I do have the RadAjaxManager in the ASP page and its ID is "RadAjaxManager1". And I have RadAjaxLoadingPanel in my code, too. I tried to put the block of code in different location of the ASP page, but it did not help.
Also, if I removed reference to "RadAjaxManager1" in the following block of code, I would get another error on ajaxPanel.Show, saying "the object does not support the method".

What did I do wrong?

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
   var syncComplete = false;
   function SynchronizeClientTimeZoneOffset()
   {
     if (!syncComplete)
     {
       var ajaxPanel = <%= RadAjaxLoadingPanel1.ClientID %>;
       var schedulerId = '<%= RadScheduler1.ClientID %>';
       ajaxPanel.Show(schedulerId);
       var now = new Date();
       var offset = now.getTimezoneOffset()
       InitiateAsyncRequest(-offset);
       ajaxPanel.Hide(schedulerId);
       syncComplete = true;
     }
   }
   function InitiateAsyncRequest(argument)
   {
      var ajaxManager = <%= RadAjaxManager1.ClientID %>;
      ajaxManager.AjaxRequest(argument);
   }

   Sys.Application.add_load(SynchronizeClientTimeZoneOffset);
  </script>
</telerik:RadCodeBlock>

Scheduler

answered on 21 Jun 2010

1 answer

104 views

SelectedItemStyle overridden by AlternatingItemStyle

Hello Telerik Team,

I have a RadGrid that defines an AlternatingItemStyle. This AlternatingItemStyle sets the background color to a light blue

I also have a SelectedItemStyle that defines a different background color (orange)

When I select these alternating rows, the Selected style does not appear. I do see a small trace of the orange color "underneath" the lightblue color, so some color is trying to be applied somewhere.

The attached PNG image show a screen shot of this behavior. Can you help me fix this?

I am using 2010.1.530.20

** NOTE** In further investigation, I am noticing that the background-color of the row is being overridden by the alternating item color...The orange color at the bottom of the row is the border-bottom-color. The selected item color should override the alternating style item color

Thanks

Bob

Grid

answered on 21 Jun 2010

3 answers

90 views

Allowing scripts when adding a custom colour

The Editor opens in a new window in my application so I "always allow popups for this website" in Internet Explorer.

When in the editor, I want to set the background of a table with a custonm colour. In the Table Wizard, I click Background colour and then Add Custom Colour. Even though I have already allowed popups for this site permanently, IE says "this website is using a scripted window to ask you for information. If you trust this website, click here to allow scripted windows..." On clicking this, I only get the option to "Temporarily allow scripted Windows". Therefore, every time I use Add Custom Color I have to go throught this procedure which is very tedious.

How can I set it to allow scripted windows for this action permanently on this website?

Your help would be much appreciated.

Thanking you in anticipation.

Roger

Editor

answered on 21 Jun 2010

5 answers

392 views

Direct Download Example

In the direct download example, Handler.ashx is referenced. I am looking for the
code that makes up that generic file, because I can't get the direct download
to work right without it. I looked everywhere, however, I might have missed it.
Thanks in advance.

Joshua

FileExplorer

answered on 21 Jun 2010

2 answers

71 views

RadEditor tells "Please Input" when the RTE is non-blank

I use the RadEditor lite version for MOSS to edit List Item.

Steps:
- Mark a enhanced rich text field as required
- Use the ImageManager to insert some image (any image)
- Click OK to save the list item
- It tells: please input (see attached). This is not desirable.

This does not happen with the built-in RTE.
This seems to related to:
http://www.telerik.com/community/forums/sharepoint-2007/lite-editor-for-moss/list-s-required-field-error-message-display-twice.aspx

Is there anyway to fix this?

WebParts for SharePoint

answered on 21 Jun 2010

1 answer

78 views

Rad Grid -Sorting of column seems not to work properly if there are more records on the grid.

When I try to sort a column in the rad grid, first few set of records or sorted correctly and when i navigate to the deeper pages, i find it is not sorted correctly.

However if the records are very less, it sorts correctly at times.
no clue what is going wrong.

Thanks,
Ramesh

Grid

answered on 21 Jun 2010

1 answer

191 views

ParentTableRelation not working

I have a three-level grid, with each level attempting to display a one-to-many relationship in my database.

I think I've correctly set up my and my ParentTableRelation and my DataKeyNames correctly, but the ObjectDataSource is being passed "Nothing" in the SessionParameters.

Here's my grid:

    
            <telerik:RadGrid ID="grdSchedule" 
        
                AllowMultiRowSelection="false" 
        
                AutoGenerateColumns="False" 
        
                GridLines="None" 
        
                runat="server" 
        
                ShowFooter="false" 
        
                ShowGroupPanel="True" 
        
                ShowStatusBar="false" 
        
                Skin="Web20" 
        
                Width="880px">  
        
                <MasterTableView AllowPaging="True" DataKeyNames="DepartmentId" DataSourceID="dsrDepartments" HierarchyLoadMode="ServerBind" PageSize="3">  
        
                    <Columns> 
        
                        <telerik:GridTemplateColumn UniqueName="CourseDescription">  
        
                            <ItemTemplate> 
        
                                <table width="100%" style="border-width: 0;">  
        
                                    <tr> 
        
                                        <td align="left" style="border-width: 0;">  
        
                                            <asp:Label ID="lblDepartment" runat="server" 
        
                                                Text='<%# Eval("DepartmentName") & " (" & Eval("Chairperson") & ", Chairperson)" %>' /> 
        
                                        </td> 
        
                                        <td align="right" style="border-width: 0;">  
        
                                            <asp:Label ID="lblDivision" runat="server" Text='<%# UCase(Eval("DivisionName")) & " DIVISION" %>' /> 
        
                                        </td> 
        
                                    </tr> 
        
                                </table> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                    </Columns> 
        
                   <DetailTables> 
        
                        <telerik:GridTableView ClientDataKeyNames="DepartmentId" DataKeyNames="DepartmentId" DataSourceID="dsrCourses" 
        
                            HierarchyLoadMode="ServerBind" runat="server" Width="100%">  
        
                            <ParentTableRelation> 
        
                                <telerik:GridRelationFields DetailKeyField="DepartmentId" MasterKeyField="DepartmentId" /> 
        
                            </ParentTableRelation> 
        
                             <DetailTables> 
        
                                <telerik:GridTableView ClientDataKeyNames="CourseId" DataSourceID="dsrSections" HierarchyLoadMode="ServerBind" 
        
                                    runat="server" Width="100%">  
        
                                    <ParentTableRelation> 
        
                                        <telerik:GridRelationFields DetailKeyField="CourseId" MasterKeyField="CourseId" /> 
        
                                    </ParentTableRelation> 
        
                                    <ItemStyle VerticalAlign="Top" /> 
        
                                    <Columns> 
        
                                        <telerik:GridBoundColumn DataField="SectionNumber"  HeaderText="Section"    UniqueName="SectionNumber">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="Instructor"     HeaderText="Instructor" UniqueName="Instructor">  
        
                                            <HeaderStyle HorizontalAlign="Left" /> 
        
                                            <ItemStyle HorizontalAlign="Left" /> 
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridTemplateColumn                         HeaderText="Dates"      UniqueName="Dates">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                            <ItemTemplate> 
        
                                                <asp:Label ID="DepartmentNameLabel" runat="server" 
        
                                                    Text='<%# Eval("DateStart", "{0:MMM d}") & " - " & Eval("DateEnd", "{0:MMM d}") %>' /> 
        
                                            </ItemTemplate> 
        
                                        </telerik:GridTemplateColumn> 
        
                                        <telerik:GridTemplateColumn                         HeaderText="Time"      UniqueName="Sessions">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                            <ItemTemplate> 
        
                                                <asp:Repeater ID="rptSession" runat="server">  
        
                                                    <ItemTemplate> 
        
                                                        <asp:Label ID="lblDayAndTime" runat="server" 
        
                                                            Text='<%# Eval("DayAndTimes") & "&nbsp;" %>' /> 
        
                                                    </ItemTemplate> 
        
                                                </asp:Repeater> 
        
                                            </ItemTemplate> 
        
                                        </telerik:GridTemplateColumn> 
        
                                        <telerik:GridTemplateColumn                         HeaderText="Room"      UniqueName="Sessions">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                            <ItemTemplate> 
        
                                                D104  
        
                                                <br /> 
        
                                                D104  
        
                                                <asp:Repeater ID="rptSession" runat="server">  
        
                                                </asp:Repeater> 
        
                                            </ItemTemplate> 
        
                                        </telerik:GridTemplateColumn> 
        
                                        <telerik:GridBoundColumn DataField="Enrolled"       HeaderText="Enrolled"   UniqueName="Enrolled">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="EnrollMaximum"  HeaderText="Seats"      UniqueName="EnrollMaximum">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridTemplateColumn HeaderText="Select" ItemStyle-Width="10%" UniqueName="ShowOnPlanner_2">  
        
                                            <HeaderStyle HorizontalAlign="Center" /> 
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                            <ItemTemplate> 
        
                                                <input id="chkSelect" type="checkbox" onclick="chkCourse_clicked(this,'<%# Eval("SectionNumber") %>');" /> 
        
                                            </ItemTemplate> 
        
                                            <ItemStyle CssClass="RightColumn" /> 
        
                                        </telerik:GridTemplateColumn> 
        
                                    </Columns> 
        
                                </telerik:GridTableView> 
        
                            </DetailTables> 
        
                            <ItemStyle VerticalAlign="Top" /> 
        
                            <Columns> 
        
                                <telerik:GridTemplateColumn UniqueName="CourseDescription">  
        
                                    <ItemTemplate> 
        
                                        <asp:Label ID="DepartmentNameLabel" runat="server" 
        
                                            Text='<%# UCase(Eval("DepartmentName") & " " & Eval("CourseNumber") & " - " & Eval("CourseName")) %>' /> 
        
                                    </ItemTemplate> 
        
                                </telerik:GridTemplateColumn> 
        
                            </Columns> 
        
                        </telerik:GridTableView> 
        
                    </DetailTables> 
        
                    <ItemStyle BackColor="#FFCC66" BorderColor="#444444" BorderStyle="Solid" BorderWidth="1PX" 
        
                        Font-Bold="True" Font-Italic="False" Font-Names="Verdana" Font-Overline="False" 
        
                        Font-Size="8pt" Font-Strikeout="False" Font-Underline="False" ForeColor="#444444" 
        
                        HorizontalAlign="Left" VerticalAlign="Middle" Wrap="False" /> 
        
                    <AlternatingItemStyle BackColor="#FFCC66" BorderColor="#444444" BorderStyle="Solid" 
        
                        BorderWidth="1PX" Font-Bold="True" Font-Italic="False" Font-Names="Verdana" Font-Overline="False" 
        
                        Font-Size="8pt" Font-Strikeout="False" Font-Underline="False" ForeColor="#444444" 
        
                        HorizontalAlign="Left" VerticalAlign="Middle" Wrap="False" /> 
        
                    <PagerStyle Visible="false" Mode="NextPrev" Position="TopAndBottom" /> 
        
                    <ExpandCollapseColumn Visible="True" /> 
        
                </MasterTableView> 
        
            </telerik:RadGrid>

And here are my datasources:

    
            <asp:ObjectDataSource ID="dsrDepartments" runat="server" SelectMethod="dbSelect" TypeName="WLAC.UilDepartment">  
        
                <SelectParameters> 
        
                    <asp:Parameter Name="intDepartmentId"   Type="int32"    DefaultValue="0"    /> 
        
                    <asp:Parameter Name="intDivisionId"     Type="int32"    DefaultValue="0"    /> 
        
                    <asp:Parameter Name="intMaxRows"        Type="int32"    DefaultValue="0"    /> 
        
                </SelectParameters> 
        
            </asp:ObjectDataSource> 
        
            <asp:ObjectDataSource ID="dsrCourses" runat="server" SelectMethod="dbSelect" TypeName="WLAC.UilCourse">  
        
                <SelectParameters> 
        
                    <asp:Parameter          Name="intCourseId"      Type="int32"    DefaultValue="0"    /> 
        
                    <asp:SessionParameter   Name="intDepartmentId"  Type="int32"    SessionField="DepartmentId" /> 
        
                    <asp:Parameter          Name="intMaxRows"       Type="int32"    DefaultValue="0"    /> 
        
                </SelectParameters> 
        
            </asp:ObjectDataSource> 
        
            <asp:ObjectDataSource ID="dsrSections" runat="server" SelectMethod="dbSelect" TypeName="WLAC.UilSection">  
        
                <SelectParameters> 
        
                    <asp:Parameter Name="intCourseId"       Type="int32"    DefaultValue="0"    /> 
        
                    <asp:Parameter Name="intMaxRows"        Type="int32"    DefaultValue="0"    /> 
        
                </SelectParameters> 
        
            </asp:ObjectDataSource>

TIA,

Ed

Grid

answered on 21 Jun 2010

1 answer

292 views

PostBack using RadAjaxManager

Hi,

I want to PostBack RadGrid with RadAjaxManager when close RadWindow, but ajaxRequestWithTarget doesn't work in my code below, please help me fix this

ASPX Page

    
            <!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>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                </asp:ScriptManager> 
        
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server"> 
        
                </telerik:RadWindowManager> 
        
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                    <script language="javascript" type="text/javascript"> 
        
                        function openConfirmDeleteMany() { 
        
                            var oWnd = radopen("ConfirmDeleteMany.aspx", "ConfirmDeleteManyWindow"); 
        
                            oWnd.SetSize(400, 200); 
        
                            oWnd.SetTitle('Title'); 
        
                            oWnd.Center(); 
        
                        } 
        
                        function OnDeleteWindowClientClose(oWnd, args) { 
        
                            if (args) { 
        
                                var hdfDeleteOption = document.getElementById("<%= hdfDeleteOption.ClientID %>"); 
        
                                hdfDeleteOption.value = args; 
        
                                var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>"); 
        
                                ajaxManager.ajaxRequestWithTarget('<%= RadGrid1.UniqueID %>', ''); 
        
                            } 
        
                        } 
        
                    </script> 
        
                </telerik:RadCodeBlock> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <asp:HiddenField ID="hdfDeleteOption" runat="server" /> 
        
                <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="AccessDataSource1" GridLines="None" 
        
                    AllowPaging="true" PageSize="20" AllowSorting="true" Skin="Vista" AllowFilteringByColumn="true" 
        
                    OnItemDataBound="RadGrid1_ItemDataBound" OnItemCommand="RadGrid1_ItemCommand"> 
        
                    <MasterTableView AutoGenerateColumns="False" DataKeyNames="EmployeeID" DataSourceID="AccessDataSource1"> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="EmployeeID" DataType="System.Int32" HeaderText="EmployeeID" 
        
                                ReadOnly="True" SortExpression="EmployeeID" UniqueName="EmployeeID"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="LastName" HeaderText="LastName" SortExpression="LastName" 
        
                                UniqueName="LastName"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" 
        
                                UniqueName="FirstName"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Title" HeaderText="Title" SortExpression="Title" 
        
                                UniqueName="Title"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridTemplateColumn> 
        
                                <ItemTemplate> 
        
                                    <asp:LinkButton ID="btnDelete" Text="Delete" runat="server" CommandName="cmdDelete" /> 
        
                                </ItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <asp:AccessDataSource ID="AccessDataSource1" DataFile="~/App_Data/Nwind.mdb" SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [Title] FROM [Employees]" 
        
                    runat="server"></asp:AccessDataSource> 
        
                </form> 
        
            </body> 
        
            </html>

Code-behind:

    
                    protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e) 
        
                    { 
        
                        if (e.Item is GridDataItem) 
        
                        { 
        
                            var item = e.Item as GridDataItem; 
        
                            var btnDelete = (LinkButton)item.FindControl("btnDelete"); 
        
                            btnDelete.OnClientClick = "openConfirmDeleteMany(); return false;"; 
        
                        } 
        
                    } 
        
                    protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e) 
        
                    { 
        
                        if(e.CommandName == "cmdDelete") 
        
                        { 
        
                            Response.Write(RadGrid1.MasterTableView.DataKeyValues[e.Item.ItemIndex]["EmployeeID"]); 
        
                        } 
        
                    }

ConfirmDeleteMany.aspx

    
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
        
            <html> 
        
            <head id="Head1" runat="server"> 
        
                <link href="/App_Themes/Administrator/adminStyle.css" rel="stylesheet" /> 
        
                <script src="/Scripts/Portal.js"type="text/javascript" language="javascript"></script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                <script language="javascript" type="text/javascript"> 
        
                    function GetRadWindow() { 
        
                        var oWindow = null; 
        
                        if (window.radWindow) oWindow = window.radWindow; 
        
                        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; 
        
                        return oWindow; 
        
                    } 
        
                    function returnToParent() { 
        
                        if (confirm('Are you sure?')) { 
        
                            var comboBox = $find("<%= ddlDeleteOption.ClientID %>"); 
        
                            var item = comboBox.get_selectedItem(); 
        
                            //alert(item.get_value()); 
        
                            //get a reference to the current RadWindow 
        
                            var oWndRad = GetRadWindow(); 
        
                            var openerPage = oWndRad.BrowserWindow; 
        
                            openerPage.OnDeleteWindowClientClose(oWndRad, item.get_value()); 
        
                            oWndRad.close(); 
        
                        } 
        
                    } 
        
                </script> 
        
                <table cellpadding="2" cellspacing="2" border="0" width="100%"> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadComboBox ID="ddlDeleteOption" runat="server"> 
        
                                <Items> 
        
                                    <telerik:RadComboBoxItem Text="Delete One" Value="ONE" /> 
        
                                    <telerik:RadComboBoxItem Text="Delete All" Value="ALL" /> 
        
                                </Items> 
        
                            </telerik:RadComboBox> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <asp:Button ID="btnSubmit" Text="Submit" runat="server" OnClientClick="returnToParent(); return false;" /> 
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                </form> 
        
            </body> 
        
            </html>

Grid

answered on 21 Jun 2010

3 answers

128 views

Increase ToolStrip Text Width

I've created a toolstrip with about half a dozen entries. When its displayed it cuts off the text description of each of the tools. I can make the toolstrip wider but it continues to trim the text. See the pic below for an example.

Example

Editor

answered on 21 Jun 2010

1 answer

82 views

RadWindow on Session Expiry

Hello, is there any way in which I can implement a RadWindow that will show the user that the session will expire in, say 1 minute, and allow the user to extend it???

Thanks,
Manuel

Window

answered on 21 Jun 2010