Questions on UI for ASP.NET AJAX Forum

1 answer

72 views

Show expand/collapse node only if detailTable returns record

Hi, i want to be able to hide the expand/collapse node of a RadGrid only if the child table does not have any records.

Thanks.

Grid

answered on 09 Jun 2010

5 answers

253 views

Radgrid print

Hi,

I am currently able to print only the current page in radgrid.is there any option available to print entire pages available in radgrid.

Thanks
Dwarak

Grid

answered on 09 Jun 2010

1 answer

74 views

Redirection pb with Safari on IPad

Hello,

I discovered recently that Safari on IPAD is unable to access our home page (http://www.addonnice.com), it reports a "too many redirections" problem.
The site is working perfectly since months with other browsers (IE,FF,Chrome)
I tested with Safari on mac and have same problem. Not on PC.
Nobody having reported this before, the problem could have been existing before.
As our default page contains only one redirect, but our second and main page is totally driven by RadScriptManager and AjaxManager, I posted here to see if somebody else encountered it ?

Thank you for answers

CS

General Discussions

answered on 09 Jun 2010

1 answer

125 views

LoadingPanel disappears after multiple clicks

Hello there,

One of the testers noticed this "little" problem and till now I can't figure out how to solve it. Let me explain it really simple how to reproduce it:

Go to this sample page, or this one.
You will see two grids, when you click an item on the first grid the second one gets updated via AJAX. Notice that while the second grid is updating it shows a loading indicator (a LoadingPanel).
Now really fast click on two (or more) different items in the first grid and see what happens with the loading indicator.

This is what the tester noticed (and what is driving me crazy): The first time you click on the first grid the loading indicator appears (as it supposed to), the next time you click on the first grid the loading indicator disappears.

Now these are my questions.

The firebug console shows me that the first requests is aborted, but it seems that the request still get executed (in the online cart example you will notice that all of the clicked items will appear in the second grid), is this the expected behavior?
Why does the loading indicator disappear if there are others request executing? Can I prevent this or try to make some work-around to show the loading indicator while the rest of the requests are still executing?

Thanks in advance.

Best regards,
Ivan Guevara

Ajax

answered on 09 Jun 2010

1 answer

60 views

radSplitterBar not expand after collpasing Master/Child page

I have just started to use radSplitter control. I am using Master/child page with all rad controls in the master page.

When the page first loads I like to get an expanded left side zone with embeded sliding panels, this is what I get so far. I can collpase the splitbar. Once it's collpased I cannot expand it anymore. Am I missing something here?

Please let me know, if you need additional information.

Thanks,
Kamal

here is the code:

    
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Black" Width="200" Height="100%" 
        
                    VisibleDuringInit="true" ResizeMode="EndPane">  
        
               <telerik:RadPane ID="LeftPane" runat="server" Scrolling="None" Collapsed="false">  
        
                        <telerik:RadSlidingZone ID="LeftVerticalZone" runat="server" Width="22px" ClickToOpen="true">  
        
                            <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Groups" runat="server" Width="200" 
        
                                EnableDock="true">  
        
                                <telerik:RadTreeView ID="rtvGroups" runat="server" EnableEmbeddedSkins="False" Skin="Black" 
        
                                    SingleExpandPath="True" OnNodeClick="rtvGroups_NodeClick">  
        
                                    <Nodes> 
        
                                        <telerik:RadTreeNode runat="server" Text="Groups">  
        
                                            <Nodes> 
        
                                                <telerik:RadTreeNode runat="server" Text="GroupX" Value="1">  
        
                                                </telerik:RadTreeNode> 
        
                                            </Nodes> 
        
                                        </telerik:RadTreeNode> 
        
                                    </Nodes> 
        
                                    <CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation> 
        
                                    <ExpandAnimation Duration="100"></ExpandAnimation> 
        
                                </telerik:RadTreeView> 
        
                            </telerik:RadSlidingPane> 
        
                            <telerik:RadSlidingPane ID="RadSlidingPane2" Title="Login" runat="server" Width="180" 
        
                                EnableDock="false">  
        
                                <asp:Login ID="Login1" runat="server" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4" 
        
                                    BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" 
        
                                    ForeColor="#333333">  
        
                                    <TextBoxStyle BorderStyle="None" Font-Size="0.8em" /> 
        
                                    <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" 
        
                                        Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" /> 
        
                                    <InstructionTextStyle Font-Italic="True" ForeColor="Black" /> 
        
                                    <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> 
        
                                </asp:Login> 
        
                            </telerik:RadSlidingPane> 
        
                        </telerik:RadSlidingZone> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward" /> 
        
                    <telerik:RadPane ID="MainPane" runat="server" Width="1024">  
        
                        <asp:ContentPlaceHolder ID="MainContent" runat="server">  
        
                        </asp:ContentPlaceHolder> 
        
                    </telerik:RadPane> 
        
            </telerik:RadSplitter>

Splitter

answered on 09 Jun 2010

5 answers

256 views

RadGrid Self-referencing Hierarchy - filtering problem

We are passing a DataTable to our radGrid via the code behind. When the grid initally loads the data displays correctly. As soon as we filter, it ignores the Filter Expression and filters all the data not by the initial Hierarchy.

    
                    rgCategories.EnableLinqExpressions = false;  
        
                        rgCategories.MasterTableView.FilterExpression = @"([ParentCategoryId] = 0)";

Here is our SQL code

    
            SELECT DISTINCT [MEPDB].[MEPBUS].[CATEGORY].[category_id] AS [CategoryId], [MEPDB].[MEPBUS].[CATEGORY].[parent_category_id] AS [ParentCategoryId], [MEPDB].[MEPBUS].[CATEGORY].[level] AS [Level], [MEPDB].[MEPBUS].[CATEGORY].[name] AS [Name], [MEPDB].[MEPBUS].[CATEGORY].[description] AS [Description], [MEPDB].[MEPBUS].[CATEGORY].[home_message] AS [HomeMessage], [MEPDB].[MEPBUS].[CATEGORY].[email_address] AS [EmailAddress], [MEPDB].[MEPBUS].[CATEGORY].[create_date] AS [CreateDate], [MEPDB].[MEPBUS].[CATEGORY].[update_date] AS [UpdateDate], [MEPDB].[MEPBUS].[CATEGORY].[create_by] AS [CreateBy], [MEPDB].[MEPBUS].[CATEGORY].[update_by] AS [UpdateBy], [MEPDB].[MEPBUS].[CATEGORY].[is_submission_allowed] AS [IsSubmissionAllowed], [MEPDB].[MEPBUS].[CATEGORY].[is_enabled] AS [IsEnabled], [MEPDB].[MEPBUS].[CATEGORY].[is_render_home_page] AS [IsRenderHomePage], [MEPDB].[MEPBUS].[CATEGORY].[is_protected] AS [IsProtected] FROM [MEPDB].[MEPBUS].[CATEGORY]  WHERE ( ( ( [MEPDB].[MEPBUS].[CATEGORY].[parent_category_id] IS NOT NULL))) ORDER BY [MEPDB].[MEPBUS].[CATEGORY].[parent_category_id] ASC,[MEPDB].[MEPBUS].[CATEGORY].[name] ASC

Markup Code

    
             <telerik:RadGrid  
        
                                                    ID="rgCategories" 
        
                                                    runat="server" 
        
                                                    AllowPaging="True" 
        
                                                    AutoGenerateColumns="false" 
        
                                                    AllowSorting="True" 
        
                                                    CommandItemDisplay="Top" 
        
                                                    GridLines="None" 
        
                                                    PageSize="20" 
        
                                                    AllowFilteringByColumn="true" 
        
                                                    GroupingSettings-CaseSensitive="false" 
        
                                                    OnNeedDataSource="rgCategories_NeedDataSource" 
        
                                                    OnPreRender="rgCategories_PreRender" 
        
                                                    OnItemCommand="rgCategories_ItemCommand" 
        
                                                > 
        
                                                    <MasterTableView DataKeyNames="CategoryId,ParentCategoryId" HierarchyLoadMode="Client" Width="100%">  
        
                                                       <Columns> 
        
                                                            <telerik:GridBoundColumn  
        
                                                                DataField="CategoryID" 
        
                                                                HeaderText="<%$Resources:meis,Labels_ID%>" 
        
                                                                SortExpression="CategoryID" 
        
                                                            /> 
        
                                                            <telerik:GridHyperLinkColumn  
        
                                                                DataNavigateUrlFields="CategoryID"   
        
                                                                HeaderText="<%$Resources:meis,Labels_Name%>" 
        
                                                                DataNavigateUrlFormatString="CategoryEdit.aspx?CategoryID={0}"   
        
                                                                DataType="System.String" 
        
                                                                DataTextField="Name" 
        
                                                                DataTextFormatString="{0}" 
        
                                                                SortExpression="Name" 
        
                                                            /> 
        
                                                            <telerik:GridBoundColumn  
        
                                                                DataField="Description" 
        
                                                                HeaderText="<%$Resources:meis,Labels_Description%>" 
        
                                                                SortExpression="Description" 
        
                                                            /> 
        
                                                            <telerik:GridHyperLinkColumn  
        
                                                                HeaderText="<%$Resources:meis,Labels_AddSubCategory %>" 
        
                                                                AllowFiltering="false" 
        
                                                                DataNavigateUrlFields="CategoryID" 
        
                                                                DataNavigateUrlFormatString="CategoryEdit.aspx?ParentCategoryID={0}" 
        
                                                                Text="<%$Resources:meis,Labels_AddSubCategory %>" 
        
                                                            /> 
        
                                                        </Columns> 
        
                                                        <RowIndicatorColumn> 
        
                                                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                                                        </RowIndicatorColumn> 
        
                                                        <ExpandCollapseColumn> 
        
                                                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                                                        </ExpandCollapseColumn> 
        
                                                        <SelfHierarchySettings  
        
                                                            ParentKeyName="ParentCategoryId" 
        
                                                            KeyName="CategoryId" 
        
                                                        /> 
        
                                                    </MasterTableView> 
        
                                                </telerik:RadGrid>

Grid

answered on 09 Jun 2010

3 answers

198 views

[Solved] AjaxLoadingPanel overlaps AjaxPanel when AjaxPanel has scrollbars

I have a problem with RadAjaxLoadingPanel (Telerik version 2009.1.527.35), when the corresponding RadAjaxPanel is in a container (e.g. in a <div>) that is smaller than its content, so that the container has scrollbars. In this case, the RadAjaxLoadingPanel is partly displayed outside the boundaries of the container, depending on the scroll position.

Here's an example, where I have set the MinDisplayTime to 2 seconds, so that you can see what I mean.

    
            <%@ Page Language="C#" AutoEventWireup="true" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="rad" %> 
        
            <!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 style="padding:100px;">  
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <rad:RadScriptManager ID="RadScriptManager" runat="server"/>  
        
                    <rad:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" MinDisplayTime="2000" BackColor="Gray" Transparency="30" />  
        
                    <div style="height:200px; width:200px; overflow:auto; border:solid thin black;">  
        
                        <rad:RadAjaxPanel ID="RadAjaxPanel" runat="server" LoadingPanelID="RadAjaxLoadingPanel">  
        
                            <asp:Calendar ID="Calendar" runat="server" Width="300" Height="300"></asp:Calendar> 
        
                        </rad:RadAjaxPanel> 
        
                    </div> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

If you click on a date in the asp:Calendar, the LoadingPanel will be displayed, but it will overlap the bottom of the Calendar's <div> container. If you scroll to the bottom of the Calendar and click again, the LoadingPanel will overlap the container's top.

Is there a possibility to keep the AjaxLoadingPanel exactly over the AjaxPanel, even if the Panel's content is scrolled?

As I said, I'm still using Telerik version 2009.1.527.35. Can you reproduce this behaviour with the latest version, too?

Thanks a lot in advance!

[EDIT]I just noticed that I forgot the set the background color of the AjaxLoadingPanel in the example above. I have added that now.

Ajax

answered on 09 Jun 2010

2 answers

138 views

[Solved] ToolTipManager Proxy or GetCurrent()

After working quite a bit with AjaxManager and ScriptManager I've gotten to love the Proxy additions of both controls as well as being able to easily get the current control when need be.

I thought the same would apply to ToolTipManager, however I was mistaken. Was there a reason this path was not taken when designing the component?

I checked the Page.Items collection and noticed ToolTipManager is not even added like both of the above mentioned controls. If you have any advice on using the Manager control on the root MasterPage and allowing the child pages to make use of it please share. I would hate to think I have to use some FindControl(), whenever I need access to it. That seems rather short-sighted.

Thanks,

Daniel

ToolTip

answered on 09 Jun 2010

1 answer

139 views

Cascading Updates

Hello,

I Insert Mode on a detail level I have two dropdownlists and textbox. When a selection is made in the dropdownlist I cascade populate the other list but also need to populate the textbox with relative data.

In the OnIndexChanged event I cannot find access to the textbox item for update.

How do I go about accomplishing such as this?

Thank you,

Steve O...

private void list_SelectedIndexChanged(object sender, System.EventArgs e)

{

GridEditableItem editedItem = (sender as DropDownList).NamingContainer as GridEditableItem;

DropDownList ddList = editedItem["AgencyId"].Controls[0] as DropDownList;

SqlDataSource8.SelectCommand =

"select AgencyId, AgencyShort from cimt_lu_agencies a, cimt_v_resources r where r.agency = a.agencyshort and r.name = '" +

(editedItem[

"ResourceId"].Controls[0] as DropDownList).SelectedItem.Text + "'";

ddList.DataSource = SqlDataSource8;

ddList.DataBind();

}

Grid

answered on 09 Jun 2010

3 answers

125 views

[Solved] Two different Update Forms

Refering to the example http://www.telerik.com/community/forums/aspnet-ajax/grid/two-different-insert-forms.aspx#720782 pls let me know this : pls

For the same solution, how do I attach Panel2, such that it acts as an update record form something like this :

    
             Protected Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand  
        
                    If e.CommandName = "BatchModeInsert" Then  
        
                        e.Item.OwnerTableView.IsItemInserted = True 
        
                        insert1 = "BatchModeInsert" 
        
                        Me.RadGrid1.Rebind()  
        
                    End If  
        
                    If e.CommandName = "SingleModeInsert" Then  
        
                        e.Item.OwnerTableView.IsItemInserted = True 
        
                        insert2 = "SingleModeInsert" 
        
                        Me.RadGrid1.Rebind()  
        
                    End If  
        
                    If e.CommandName = "Update" Then  
        
                        e.Item.OwnerTableView.IsItemInserted = True 
        
                        insert3 = "Update" 
        
                        Me.RadGrid1.Rebind()  
        
                    End If  
        
                End Sub

And then in the ItemDatabound :

    
            Private Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound  
        
                    If e.Item.OwnerTableView.IsItemInserted And TypeOf (e.Item) Is GridEditFormInsertItem Then  
        
                        Dim item As GridEditFormInsertItem = TryCast(e.Item, GridEditFormInsertItem)  
        
                        If insert1 = "BatchModeInsert" Then  
        
                            item.FindControl("Panel1").Visible = False 
        
                        End If  
        
                        If insert2 = "SingleModeInsert" Then  
        
                            item.FindControl("Panel2").Visible = False 
        
                        End If  
        
                        If insert3 = "Update" Then  
        
                            item.FindControl("Panel2").Visible = False 
        
                        End If  
        
                    End If  
        
                End Sub

I'm sure I need to add some flag that will bring up the update form for the row.

Note: I will have three buttons in the edit item template column with commandName
BatchModeInsert, SingleModeInsert and third one with commandname set to "Update" and will use the same panel "Panel2" for update. pls know that I am using automatic operations for update and manual for insert

Grid

answered on 09 Jun 2010