Questions on UI for ASP.NET AJAX Forum

1 answer

130 views

[Solved] Avoid current location highlight with sitemapdatasource

I have a simple site map file:

                    <?xml version="1.0" encoding="utf-8" ?>         
            <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >         
                <siteMapNode url="" title=""  description="">         
                  <siteMapNode title="First item">         
                    <siteMapNode url="~/Page1.aspx" title="Page 1"  description="" />         
                    <siteMapNode url="~/Page2.aspx" title="Page 2"  description="" />         
                  </siteMapNode>         
                  <siteMapNode title="Second item">         
                    <siteMapNode url="~/Page3.aspx" title="Page 3"  description="" />         
                  </siteMapNode>         
                </siteMapNode>         
            </siteMap>         
                     

A simple sitemap data source is added to the page

A radmenu is binded to that data source...

                    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.Site" %>         
                     
            <%@ 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>         
                <asp:ContentPlaceHolder ID="head" runat="server">         
                </asp:ContentPlaceHolder>         
            </head>         
            <body>         
                <form id="form1" runat="server">         
                <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">         
                </telerik:RadScriptManager>         
                <telerik:RadMenu ID="RadMenu1" runat="server" Width="100%" DataSourceID="SiteMapDataSource1">         
                </telerik:RadMenu>         
                <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />         
                <div>         
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">         
                             
                    </asp:ContentPlaceHolder>         
                </div>         
                </form>         
            </body>         
            </html>         
                     

now, everytime I go to Page1.aspx the "First Time" and "Page 1" node in my radmenu are highlighted (as expected) because that is the current location returned by the sitemapdatasource1

How could I avoid this behaivor? I don't want to highlight the current page in the radmenu, I guess this should be something I just don't know how to do...

Could somebody help me please?

PD: ASP.NET RadControls 2009 Q2

Menu

answered on 13 Nov 2009

1 answer

100 views

controlling the flow of a rad menu

I am trying to format a rad menu to have the same style as the menu on this page: http://www.missionfoodsfsc.com/Products/Default.aspx.

I have set the flow to horizontal like it says to on the telerik.com support page for rad menu but I'm not having any luck. This is what I have in my code so far:

<dnn:RadMenu runat="server" ID="dnnRADMENU" GroupExpandDirection="Down" Flow="Horizontal" CssClass="header-wrap-content-radmenu-wrap-content"

ExpandAnimationType="OutExpo" Height="63" ExpandAnimationDuration="500" CollapseAnimationType="inexpo"

CollapseAnimationDuration="300" ShowPath="true" SelectedPathHeaderItemCss="focusedItem"

EnableEmbeddedSkins="false" />

What am I doing wrong?

Thanks in advance for any help!

Andrea

Menu

answered on 13 Nov 2009

1 answer

168 views

[Solved] Tabs display as a vertical list.

Hi all,

Hopefully someone can help me with this. I have a page i am building that conatins a RadTreeView and a RadTabStrip. For some reason the Tabs are rendering as a list instead of displaying horizontally across the screen. When i remove the treeview the tabs display correctly.

Here is a sample of what Im trying to do:-

    
            <table style="font-family:Verdana;font-size:8pt;">  
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadTreeView Width="400px"  Enabled="true" CausesValidation="true"   
        
                              ID="RadTreeView1" runat="server">  
        
                            </telerik:RadTreeView>     
        
                        </td> 
        
                        <td valign="top" style="margin-left:15px;">  
        
                            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" 
        
                                MultiPageID="Multipage1"  SelectedIndex="0" >                       
        
                                <Tabs>   
        
                                    <telerik:RadTab  Text="Hierarchy Details">  
        
                                    </telerik:RadTab>                         
        
                                    <telerik:RadTab Text="Organisation Details"  Selected="True"  > 
        
                                    </telerik:RadTab> 
        
                                    <telerik:RadTab Text="Interested Parties" > 
        
                                    </telerik:RadTab> 
        
                                    <telerik:RadTab Text="Controlling Organisations" > 
        
                                    </telerik:RadTab> 
        
                                    <telerik:RadTab Text="Associations">  
        
                                    </telerik:RadTab> 
        
                                </Tabs> 
        
                            </telerik:RadTabStrip>   
        
                            <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" > 
        
                                <telerik:RadPageView ID="RadPageView1"  runat="server">Page 1</telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView2" runat="server">Page 2</telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView3" runat="server">Page 3</telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView4" runat="server">Page 4</telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView5" runat="server">Page 5</telerik:RadPageView> 
        
                            </telerik:RadMultiPage> 
        
                        </td> 
        
                    </tr> 
        
                </table>

Any help is greatly appreciated,

Regards,

Denys

TabStrip

answered on 13 Nov 2009

3 answers

87 views

Using RadWindow for data entry form from another website

I would like to open a RadWindow and have its contents be an entry form from another website. In this scenario I need to pass data to this website as well as get data back once the user submits the data entry form. I am familiar with using Form Posts with an Action value and hidden field values but I was wondering if this functionality is possible using a RadWindow?

My goal is to provide a modal window so I"ll have some control what the user can do once they get to this seperate website to fill out the entry form. In other words, I'd like to avoid the possibility that the user will navigate somewhere completely different once they get to the entry form page and I'm hoping a Modal RadWindow will do the trick.

I hope this makes sense and if the RadWindow is not the solution, can anyone suggest some other solution that could perform similar functionality.

Michael

Window

answered on 13 Nov 2009

4 answers

235 views

[Solved] PostBack / AutoPostBack / NavigateURL problems

I am using Q1 2009 release of the ASP.NET Ajax toolset. I have created a toolbar and when I attempt to set a Navigate URL with a specified target, the Navigate works great but it opens in both the parent window and the new window. Am I doing something wrong here!?

    
                        <telerik:RadToolBar ID="tbTicketDetails" runat="server" Width="100%" AutoPostBack="true">  
        
                            <Items> 
        
                                <telerik:RadToolBarButton runat="server" Text="Add Notes" ImageUrl="~/Images/notebook_pencil.png" 
        
                                    Value="AddNotes" CommandName="AddNotes" OnLoad="GetItemURL">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Close" ImageUrl="~/Images/door.png" 
        
                                    Value="CloseTicket" CommandName="CloseTicket" OnLoad="GetItemURL">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Lock" ImageUrl="~/Images/lock.png" 
        
                                    Value="LockTicket" CommandName="LockTicket">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Unlock" ImageUrl="~/Images/lock_unlock.png" 
        
                                    Value="UnlockTicket" CommandName="UnlockTicket">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Claim Ticket" CommandName="ClaimTicket" 
        
                                    ImageUrl="~/Images/card_claimticket.png" Value="ClaimTicket">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Release Ticket" CommandName="ReleaseTicket" 
        
                                    ImageUrl="~/Images/card_releaseticket.png" Value="ReleaseTicket">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Assign Ticket" CommandName="AssignTicket" 
        
                                    ImageUrl="~/Images/card__assignticket.png" Value="AssignTicket" OnLoad="GetItemURL">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Move Ticket" CommandName="MoveTicket" 
        
                                    ImageUrl="~/Images/pin_moveticket.png" Value="MoveTicket" OnLoad="GetItemURL">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Reopen Ticket" CommandName="ReopenTicket" 
        
                                    Value="ReopenTicket" ImageUrl="~/Images/reopenticket.png" OnLoad="GetItemURL" /> 
        
                                <telerik:RadToolBarButton runat="server" Text="Delete Ticket" CommandName="DeleteTicket" 
        
                                    ImageUrl="~/Images/delete.png" Value="DeleteTicket">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Restore Ticket" CommandName="RestoreTicket" 
        
                                    ImageUrl="~/Images/restore.png" Value="RestoreTicket">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Edit Ticket Details" CommandName="EditDetails" 
        
                                    ImageUrl="~/Images/ticket_pencil.png" Value="EditDetails" Visible="false" OnLoad="GetItemURL">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Assign Goal" CommandName="AssignGoal" 
        
                                    ImageUrl="~/Images/accreditationgoal.png" Value="AssignGoal" OnLoad="GetItemURL">  
        
                                </telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" IsSeparator="true"></telerik:RadToolBarButton> 
        
                                <telerik:RadToolBarButton runat="server" Text="Print" CommandName="PrintWorkOrder" 
        
                                    ImageUrl="~/Images/print.png" Value="Print" OnLoad="GetItemURL" Target="_blank" PostBack="false"></telerik:RadToolBarButton> 
        
                            </Items> 
        
                        </telerik:RadToolBar>

And here is the OnLoad event handler that sets the Navigate URL -- the button with the problem is the last button "Print".

    
                Protected Sub GetItemURL(ByVal sender As Object, ByVal e As System.EventArgs)  
        
                    Dim item As Telerik.Web.UI.RadToolBarButton  
        
                    If sender.GetType Is GetType(Telerik.Web.UI.RadToolBarButton) Then 
        
                        item = DirectCast(sender, Telerik.Web.UI.RadToolBarButton)  
        
                        Select Case item.Value  
        
                            Case "AddNotes" 
        
                                item.NavigateUrl = "NoteEditor.aspx?TID=" & TicketID & "&MD=E" 
        
                            Case "CloseTicket" 
        
                                item.NavigateUrl = "CloseWorkOrder.aspx?TID=" & TicketID  
        
                            Case "AssignTicket" 
        
                                item.NavigateUrl = "NoteEditor.aspx?TID=" & TicketID & "&MD=A" 
        
                            Case "MoveTicket" 
        
                                item.NavigateUrl = "NoteEditor.aspx?TID=" & TicketID & "&MD=M" 
        
                            Case "EditDetails" 
        
                                item.NavigateUrl = "EditTicketDetails.aspx?TID=" & TicketID  
        
                            Case "AssignGoal" 
        
                                item.NavigateUrl = "UpdateAccreditationGoal.aspx?TID=" & TicketID  
        
                            Case "ReopenTicket" 
        
                                item.NavigateUrl = "ReopenTicket.aspx?TID=" & TicketID  
        
                            Case "Print" 
        
                                item.NavigateUrl = "PrintTicketView.aspx?TID=" & TicketID  
        
                                item.Target = "_blank" 
        
                        End Select 
        
                        item.PostBack = False 
        
                    End If 
        
                End Sub

When I click on the print button, the URL is opened in a new window plus the parent window. Am I doing something wrong here?

ToolBar

answered on 13 Nov 2009

3 answers

324 views

RAD Grid show/Hide Column issue

Hello,

        I want hide/unhide radgrid column depends on certain conditions.

       I have used Followinf Code provided by you on link
       http://demos.telerik.com/aspnet-ajax/grid/examples/client/clientsideapi/defaultcs.aspx

       function HideColumn(index)
                    {
                     var columnCount = RadGrid1.get_masterTableView().get_columns().length - 1;
                     if(index < 0 || index > columnCount)
                     {
                     alert("Invalid index! The valid range is: " + 0 + "-" + columnCount);
                     }
                     else
                     {
                         RadGrid1.get_masterTableView().hideColumn(index);
                        }
                    }

                    function ShowColumn(index)
                    {
                     var columnCount = RadGrid1.get_masterTableView().get_columns().length - 1;
                     if(index < 0 || index > columnCount)
                     {
                     alert("Invalid index! The valid range is: " + 0 + "-" + columnCount);
                     }
                     else
                     {
                         RadGrid1.get_masterTableView().showColumn(index);
                        }
                    }

        I have also set AllowColumnHide="True" property.

         This code works well only when I provide dedicated button to call this methods.But when I call this Methods in between execution of business logic, I get follwoing problems

      1. showColumn(columnindex) itself hides the column
      2. once column is not visibile, it will not become visible even after calling "showColumn" Method.
      3. showColumn(columnindex) takes significant time to execute

Am I missing any property or any thing....

any help will be highly appreciated...

thanks in advance,

Ajay

Grid

answered on 13 Nov 2009

2 answers

165 views

Update each label from Javascript.

I have column:

    
                    <telerik:GridTemplateColumn HeaderText="Profit"><ItemTemplate> 
        
                        <asp:Label ID="profit" runat="server"></asp:Label></ItemTemplate> 
        
                    </telerik:GridTemplateColumn>

And I want to update each label in this column from JavaScript function.

For example, event onkeyup for some textbox outside the Grid.

After enter some value, all values in column Profit is changing.

How can I get this in Javascript and iterate through all cells in "Profit" column?

Grid

answered on 13 Nov 2009

2 answers

210 views

Filtering MasterTableView When RADGrid is binded to List Object

Hi,

Binding RADGrid to list object in general case scenario works good. But I have a situation where I am using the RADGrid for showing hierachical data and I am using self referencing telerik RADgrid grid. For the first level my parentFileID property has null value. so I want to filter my records for masterTableView with FileParentId.

The below code gives error when I bind the grid to a list object.

if

(Assembly.GetAssembly(typeof(ScriptManager)).FullName.IndexOf("3.5") != -1)

{

grdsearchresult.MasterTableView.FilterExpression =

@"it[""FileParentID""] = Convert.DBNull";

}

else

{

grdsearchresult.MasterTableView.FilterExpression =

"FileParentID IS NULL";

}

For Eg:

List

<SearchResult> listSearchResults=new List<SearchResult>();

grdsearchresult.DataSource = listSearchResults;

grdsearchresult.DataBind();
Here my datasource is List Type Object.The grid shows all records if I dont filter it.
So While binding the master records I get error index is not defined.?
Can't I bind the RADGrid with list object and provide filter to it.

Please reply.
Thanks,
Yuvika

Grid

answered on 13 Nov 2009

1 answer

122 views

AllowMultiEdit Allow Multiple Edit Items

I see the option, but at what point in the life cycle should i set the item to edit mode?

ListView

answered on 13 Nov 2009

10 answers

196 views

Performance on firing of SelectedIndexChanged event

Hi,

I am using the RadGrid for AJAX and have enabled client-side select.

I have noticed that the process time for SelectedIndexChanged Event is directly proportional to the number of items in the grid.
Because I have an empty event handler that handles the SelectedIndexChanged Event, but the more items I have in the grid the longer the loading panel stays on the page.
Is this the case? If so, is there a way to optimize it?

Thanks,
Vincent

Grid

answered on 13 Nov 2009