Questions on UI for ASP.NET AJAX Forum

3 answers

183 views

Head spinning with Telerik ASP.NET AJAX Requirements - Help!

I am staring at a browser with 15 tabs open, each of them with details on Telerik forms, Microsoft AJAX, .NET versions, Visual Studio compatibility...and I'm fully confused on if I can use your product. This seems to be a very informative forum with informed participants, so I'm really hoping you can clear a few simple questions up for me:

My environment: Visual Studio 2005 compiling a website targeting .NET v2.0.50727 (is this 3.5!?). Running on a Windows XP dev machine, Windows 2003 Server production server. I have an existing website that I want to use your RadMenu in.

I see that the 2010 Q1 version of "RadControls for ASP.NET AJAX .NET 3.5 binaries require .NET 3.5 SP1" - It sounds like I need to install .NET framework 3.5 SP1. Will this 3.5SP1 framework be compatible with Visual Studio 2005? Based on the v2.0.50727 version I see in IIS...maybe I already have .NET Framework 3.5...?
Do I really need to upgrade my web application to .NET 3.5 to use the latest RadMenu?
AJAX: I see the Telerik tutorial and some forum posts that provide a link with directions on how to install AJAX. However, none of these how-to links are active - they just redirect to the http://www.asp.net/ajax website, which has next to no information. I downloaded the latest AJAX toolkit but there is no .exe installer, just .DLLs. Please point me in the right direction to install AJAX into an EXISTING ASP.NET application.

Many thanks for your help. If I can be assured that your RadMenu product will work in my website, I'm willing to fork over the $1000...but I'm running into many roadblocks early on. Many thanks in advance for your prompt reply!

Ryan M.

Installer and VS Extensions

answered on 13 Jul 2010

2 answers

201 views

Setting margin

I have a RadPane that in the grand scheme of things serves as the content panel on the page. I would like to set a 10px margin for all content in this pane (so that there is a little room between other panes). How can I do this such that the width of the contents do not extend beyond the defined width of the content pane?

Below is a snippet of code, where RadPane8 represents the content pane.

<telerik:RadSplitter ID="RadSplitter2" runat="server" SplitBarsSize="" Orientation="Horizontal">

<telerik:RadPane ID="RadPane3" runat="server" Height="26px">

<telerik:RadMenu ID="radToolbar" runat="server" EnableSelection="False">

</telerik:RadMenu>

</telerik:RadPane>

<telerik:RadPane ID="RadPane8" runat="server">

<asp:Panel ID="pnlClaimSummary" runat="server" Visible="False">

<telerik:RadSplitter ID="RadSplitter7" runat="server" Orientation="Horizontal">

<telerik:RadPane ID="RadPane13" runat="server" Height="55px">

<table style="width: 100%;" cellspacing="0" border="0">

<tr>

<td colspan="4" class="rgHeader" scope="col">

Claim Details

</td>

</tr>

<tr class="rgFilterRow">

<td style="width: 25%;">

<span class="InquiryLevel1">Claim Number: </span>

<asp:Label ID="lblClaimSummaryClaimNumber" runat="server" Text="Label"></asp:Label>

</td>

<td style="width: 25%;">

<span class="InquiryLevel1">Policy Number: </span>

<asp:Label ID="lblClaimSummaryPolicyNumber" runat="server" Text="Label"></asp:Label>

</td>

<td style="width: 25%;">

<span class="InquiryLevel1">Loss Date: </span>

<asp:Label ID="lblClaimSummaryLossDate" runat="server" Text="Label"></asp:Label>

</td>

<td style="width: 25%;">

<span class="InquiryLevel1">Occurrence: </span>

<asp:Label ID="lblClaimSummaryLossOccurrence" runat="server" Text="Label"></asp:Label>

</td>

</tr>

</table>

</telerik:RadPane>

<telerik:RadPane ID="RadPane14" runat="server">

<telerik:RadSplitter ID="RadSplitter8" runat="server">

<telerik:RadPane ID="RadPane15" runat="server">

<table>

<tr>

<td>

<span class="InquiryLevel1">Loss Description:</span>

</td>

<td>

<telerik:RadTextBox ID="txtLossDescription" runat="server" ReadOnly="True" TextMode="MultiLine"

Rows="5">

</telerik:RadTextBox>

</td>

</tr>

</table>

</telerik:RadPane>

<telerik:RadPane ID="RadPane16" runat="server">

<telerik:RadGrid ID="grdClaimAssignment" runat="server" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None" OnNeedDataSource="grdClaimAssignment_NeedDataSource">

<MasterTableView>

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="Name" HeaderText="Assignee Name" UniqueName="AssigneeName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Role" HeaderText="Role" UniqueName="AssignmentRole">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="WhenAssigned" DataType="System.DateTime" HeaderText="Assignment Date"

UniqueName="WhenAssigned">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</asp:Panel>

<asp:Panel ID="pnlDashboard" runat="server" Visible="False">

<telerik:RadSplitter ID="RadSplitter5" runat="server" Orientation="Horizontal">

<telerik:RadPane ID="radItemListPane" runat="server">

<telerik:RadGrid ID="radDashGrid" runat="server" AllowFilteringByColumn="True" AllowSorting="True"

GridLines="None" Style="margin: 10px;" OnItemDataBound="radDashGrid_ItemDataBound"

AutoGenerateColumns="False" OnItemCommand="radDashGrid_ItemCommand" OnPreRender="radDashGrid_PreRender"

OnNeedDataSource="radDashGrid_NeedDataSource">

<MasterTableView DataKeyNames="ItemID">

<Columns>

<telerik:GridBoundColumn DataField="ClaimNumber" HeaderText="Claim Number" UniqueName="ClaimNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PolicySymbol" HeaderText="Symbol" UniqueName="PolicySymbol">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PolicyNumber" HeaderText="Policy Number" UniqueName="PolicyNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateOfLoss" DataFormatString="{0:MM/dd/yyyy}"

DataType="System.DateTime" HeaderText="Loss Date" UniqueName="DateOfLoss">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LossOccurrence" HeaderText="Occurrence" UniqueName="column1"

DataFormatString="{0:D2}" DataType="System.Int32">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemType" HeaderText="Item Type" UniqueName="ItemType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DueDate" DataFormatString="{0:MM/dd/yyyy hh:mm tt}"

DataType="System.DateTime" HeaderText="Due Date" UniqueName="DueDate">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IsRead" DataType="System.Boolean" HeaderText="Read"

UniqueName="IsRead" Visible="False" AllowFiltering="False" AllowSorting="False"

Display="False" Groupable="False" Reorderable="False" Resizable="False" ShowSortIcon="False">

</telerik:GridBoundColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="DueDate" SortOrder="Ascending" />

</SortExpressions>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="True" EnableRowHoverStyle="True">

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowContextMenu="ShowDashboardContextMenu" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Forward">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane11" runat="server" Height="100%">

<asp:Panel ID="pnlDashboardDetailsContainer" runat="server">

<asp:Panel ID="pnlDashboardItemDetails" runat="server" Visible="false" Style="margin: 10px;"

CssClass="RadGrid RadGrid_WebBlue">

<table style="width: 100%;" cellspacing="0" border="0">

<tr>

<td colspan="4" class="rgHeader" scope="col">

Suspense Details

</td>

</tr>

<tr class="rgFilterRow">

<td style="width: 25%;">

<span class="InquiryLevel1">Claim Number: </span>

<asp:LinkButton ID="lnkClaimNumber" runat="server" CssClass="lkNorm" OnCommand="lnkClaimNumber_Command">ClaimNumber</asp:LinkButton>

</td>

<td style="width: 25%;">

<span class="InquiryLevel1">Policy Number: </span>

<asp:Label ID="lblPolicyNumber" runat="server" Text="Label"></asp:Label>

</td>

<td style="width: 25%;">

<span class="InquiryLevel1">Loss Date: </span>

<asp:Label ID="lblLossDate" runat="server" Text="Label"></asp:Label>

</td>

<td style="width: 25%;">

<span class="InquiryLevel1">Occurrence: </span>

<asp:Label ID="lblOccurrence" runat="server" Text="Label"></asp:Label>

</td>

</tr>

<tr>

<td colspan="4">

<div style="margin-top: 10px;">

<table>

<tr>

<td>

<span class="InquiryLevel1">Date Sent:</span>

</td>

<td>

<telerik:RadDateInput ID="txtDateSent" runat="server" DateFormat="MM/dd/yyyy" DisplayDateFormat="MM/dd/yyyy"

ReadOnly="True" SelectedDate="06/28/2010" Width="175">

</telerik:RadDateInput>

</td>

</tr>

<tr>

<td>

<span class="InquiryLevel1">Sender:</span>

</td>

<td>

<telerik:RadTextBox ID="txtFrom" runat="server" Text="Person" Width="300" ReadOnly="True">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

<span class="InquiryLevel1">Message:</span>

</td>

<td>

<telerik:RadTextBox ID="txtMessage" runat="server" ReadOnly="True" TextMode="MultiLine"

Rows="6" Width="500" Text="Review information to ensure accuracy.">

</telerik:RadTextBox>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</asp:Panel>

</telerik:RadPane>

</telerik:RadSplitter>

</asp:Panel>

</telerik:RadPane>

</telerik:RadSplitter>

Splitter

answered on 13 Jul 2010

1 answer

94 views

RadDatePicker throws error after Ajax: 'this.i3d.length' is null or not an object

Hello,

I am using date picker control in my code.

[ <%@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>]

On page load event I am setting selected date property of datepicker control as current date.

RadDatePickerEndDate.SelectedDate =

DateTime.Now;

Whenever I select another date and then reset the web page through Ajax request I get following error:

'this.i3d.length' is null or not an object in RadControls\CALENDAR\Scripts\1_8_3\RadCalendar.js file.

Please advice.

Regards,
VM

Calendar

answered on 13 Jul 2010

6 answers

662 views

[Solved] Accessing the Toolbar and Context Menus

Hi,

I am using the explorer (which is great) as a personal file space and file sharing app for my students to upload and download anywhere.

To stop users uploading and opening executables I need to have EnableOpenFile="false" and then use a seperate button control to initiate the download. This work OK by getting the file name using..

    
            function OnClientItemSelected(sender, args)  
        
                    {  
        
                        var textbox = $get("fileName");  
        
                        textbox.value = args.get_path();  
        
                    }

And then in the onClick event of the button doing

    
            Dim filepath As String = Request.Form("fileName")  
        
                    filepath.Replace("/", "\")  
        
                    If Not filepath Is Nothing Then  
        
                        If File.Exists(Server.MapPath(filepath)) Then  
        
                            Dim filename As String = Path.GetFileName(filepath)  
        
                            Response.Clear()  
        
                            Response.ContentType = "application/octet-stream" 
        
                            Response.AddHeader("Content-Disposition", _  
        
                              "attachment; filename=""" & filename & """")  
        
                            Response.Flush()  
        
                            Response.WriteFile(filepath)  
        
                        Else  
        
                            lblMsg.Text = "No such file exists" 
        
                        End If  
        
                    Else  
        
                        lblMsg.Text = "Please select a file" 
        
                    End If

I read that we can access the toolbar and context menu using

    
            function findToolBar()    
        
            {    
        
                var oToolBar = $find("<%= FileExplorer1.ToolBar.ClientID %>");    
        
            }    
        
            function findContextMenu()    
        
            {    
        
                // Get reference to the RdTreeView's context menu    
        
                var oTreeViewContexMenu = $find("<%= FileExplorer1.TreeView.ContextMenus[0].ClientID %>");    
        
                // Get reference to the RadGrid's context menu    
        
                var oGridContexMenu = $find("<%= FileExplorer1.GridContextMenu.ClientID %>");

but my question (need) is - how can I add either a button to the toolbar or an item to the context menu; or both, that can fire the download event. If at all possible.

Many thanks,

Jon

FileExplorer

answered on 13 Jul 2010

1 answer

203 views

RadTabStrip Click Event

Hi,

I have created the RaDtabStrips and associate different controls with different tabs. Every thing is working fine as far as working is concerned, but when we talk about performance and efficiency this work is too poor. It starts loading every control to the startup and websties take alot of time in loading all the tabs and their associtated Controls.

I want to improve the effiency of my website. Tell me is it possible to stop all the controls to be loaded on startup, rather one control should be only loaded when its respective tab is clicked. Because every user is not concerned for all tabs then why should he/she wait for all the controls to be loaded.

Also when one tab is clicked only its respective control should be loaded it should not load any other control.

waitting for a quick response.

Samee Javaid.

TabStrip

answered on 13 Jul 2010

1 answer

236 views

textbox with multi columns auto complete

Hi.

I'm trying to find a demo that shows how to implement the textBox used in the search examples of the Telerik example page.
http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx

When for eample we write Ajax we get a list of suggestions on 2 columns.

Thanks

Input

answered on 13 Jul 2010

6 answers

261 views

Advanced Form Data Binding

I am trying to pass a value from my database "TrainerID" to my scheduler advanced form.
I have successfully databind the datasource to the scheduler and it displays fine, but when i double click to add a appointment entry i get the following error.

DataBinding: 'Telerik.Web.UI.Appointment' does not contain a property with the name 'TrainerID'

At the bottom note where it has Trainer_ID="<%# Bind('TrainerID') %>, if i put Trainer_ID="10" %> which is a proper trainer ID then ti works fine.

Am i missing something here?

This is the radscheduler aspx:

    <telerik:RadScheduler ID="RadScheduler1" runat="server" Width="100%" Height="" DataKeyField="ScheduleID"
        DataSubjectField="Subject" DataStartField="TimeStart" DataEndField="TimeEnd"
        OnClientFormCreated="schedulerFormCreated" Skin="WebBlue" ShowFooter="False"
        StartInsertingInAdvancedForm="True" OnAppointmentInsert="RadScheduler1_AppointmentInsert"
        OnAppointmentDelete="RadScheduler1_AppointmentDelete" OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"
        HoursPanelTimeFormat="h:mmtt">
        <AdvancedForm Modal="true" />
        <TimelineView UserSelectable="false" />
        <TimeSlotContextMenuSettings EnableDefault="true" />
        <AppointmentContextMenuSettings EnableDefault="true" />
        <AdvancedEditTemplate>
            <scheduler:AdvancedForm runat="server" Mode="Edit" ID="AdvancedEditForm1" />
        </AdvancedEditTemplate>
        <AdvancedInsertTemplate>
            <scheduler:AdvancedForm runat="server" Mode="Insert" ID="AdvancedInsertForm1" Trainer_ID="<%# Bind('TrainerID') %>" />
        </AdvancedInsertTemplate>
    </telerik:RadScheduler>

Please help!!

Scheduler

answered on 13 Jul 2010

1 answer

95 views

Telerik Self Reference Hierarchy

HI,

I am facing some problem in telerik self referencing hierarchy for the add new record as I have set the text for the command Item setting but getting different text for the child record.

Grid

answered on 13 Jul 2010

2 answers

94 views

Button text-Centre align in IE8

Hi,

I have a button for which a rad form decorator is applied. The button text does not appear centered in IE 8, but appears correctly in IE6.

Any ideas?

Thanks
Shashank V

FormDecorator