Questions on UI for ASP.NET AJAX Forum

1 answer

65 views

hey every one
i am using web http://demos.telerik.com/aspnet-ajax/webmail problem is that if net connection not availble the whole website has been crashed . In an Attachment is the output of crash web, how to fix this. please help me

thanks in advance.

AsyncUpload

answered on 07 Apr 2014

6 answers

264 views

Height must be non negative.

Hi,

I'm running in some trouble with the Sceduler when using the EnableExactTimeRendering="true" option.

I'm using the Telerik version Q1 2011.

The error only occurs when the exact rendering is set tot True and it seems to happen when the following appointment is created:
2010-12-03 08:30:00.000 till 2010-12-03 13:10:00.000

The complete error message:

Height must be non negative.

Parameter name: value

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Height must be non negative.

Parameter name: value

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[ArgumentOutOfRangeException: Height must be non negative.

Parameter name: value]

System.Web.UI.WebControls.Style.set_Height(Unit value) +8673920

System.Web.UI.WebControls.WebControl.set_Height(Unit value) +30

Telerik.Web.UI.AppointmentControl.CalculateSize() +376

Telerik.Web.UI.DayViewAppointmentControl.CalculateSize() +83

Telerik.Web.UI.Scheduler.Views.RowBuilder..ctor(IList`1 slotList, Int32 maxColumnWidth) +1121

Telerik.Web.UI.Scheduler.Views.Week.RendererBase.CreateViewRows(IList`1 slotLists) +290

Telerik.Web.UI.Scheduler.Views.Week.RendererBase.CreateInnerContentTable(Control container, IList`1 slotLists) +138

Telerik.Web.UI.Scheduler.Views.Week.Renderer.GetInnerContent() +245

Telerik.Web.UI.Scheduler.Views.Week.Renderer.GetContent() +127

Telerik.Web.UI.RadScheduler.CreateContent() +221

Telerik.Web.UI.RadScheduler.CreateChildControls(Boolean bindFromDataSource) +195

Telerik.Web.UI.RadScheduler.CreateChildControls() +34

System.Web.UI.Control.EnsureChildControls() +87

System.Web.UI.Control.PreRenderRecursiveInternal() +44

System.Web.UI.Control.PreRenderRecursiveInternal() +171

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +842

Markup:

<telerik:RadScheduler ID="rs_Planner" runat="server" Culture="Dutch (Netherlands)"

DataKeyField="ID" DataStartField="datumtijdvan" DataEndField="datumtijdtot" DataSubjectField="TypeOmschrijving"

EnableExactTimeRendering="true" HoursPanelTimeFormat="HHtt" LastDayOfWeek="Sunday"

FirstDayOfWeek="Monday" OverflowBehavior="Expand" Width="100%">

<WeekView ColumnHeaderDateFormat="ddd, d MMM" HeaderDateFormat="d-MMM-yyyy" />

<Localization AdvancedAllDayEvent="All day" AdvancedCalendarCancel="Annuleren" AdvancedCalendarToday="Vandaag"

HeaderDay="Dag" HeaderMonth="Maand" HeaderToday="Vandaag"></Localization>

<ResourceStyles>

<telerik:ResourceStyleMapping Type="TypeOmschrijving" Text="Ziek" ApplyCssClass="rsCategoryPink" />

<telerik:ResourceStyleMapping Type="TypeOmschrijving" Text="Verwijderd" ApplyCssClass="rsCategoryOrange" />

<telerik:ResourceStyleMapping Type="TypeOmschrijving" Text="Present" ApplyCssClass="rsCategoryGreen" />

<telerik:ResourceStyleMapping Type="TypeOmschrijving" Text="Absent" ApplyCssClass="rsCategoryRed" />

<telerik:ResourceStyleMapping Type="TypeOmschrijving" Text="Te laat" ApplyCssClass="rsCategoryYellow" />

<telerik:ResourceStyleMapping Type="TypeOmschrijving" Text="Regulier absent" ApplyCssClass="rsCategoryGrey" />

</ResourceStyles>

<AdvancedForm DateFormat="d-M-yyyy" TimeFormat="H:mm" Modal="true"></AdvancedForm>

</telerik:RadScheduler>

VB.NET code:

Sub SetUpPlanningScheduler()

' set up views

rs_Planner.SelectedView = SchedulerViewType.WeekView

rs_Planner.MonthView.UserSelectable = False '

rs_Planner.WeekView.UserSelectable = True

rs_Planner.TimelineView.UserSelectable = False

rs_Planner.DayView.UserSelectable = False

' appearance

rs_Planner.DayView.HeaderDateFormat = "dddd, dd MMMM yyyy"

rs_Planner.ShowFooter = False

rs_Planner.ShowAllDayRow = False

rs_Planner.MinutesPerRow = 15

rs_Planner.HoursPanelTimeFormat = "HH:mm"

rs_Planner.FirstDayOfWeek = System.DayOfWeek.Monday

rs_Planner.LastDayOfWeek = System.DayOfWeek.Friday

rs_Planner.RowHeight = New Unit(16, UnitType.Pixel)

' set up data source

rs_Planner.DataKeyField = "ID"

rs_Planner.DataStartField = "datumtijdvan"

rs_Planner.DataEndField = "datumtijdtot"

rs_Planner.DataSubjectField = "TypeOmschrijving"

rs_Planner.DataDescriptionField = "Omschr"

' set up Resources

rs_Planner.ResourceTypes.Clear()

Dim rt As New ResourceType("TypeOmschrijving")

rt.KeyField = "TypeOmschrijving"

rt.ForeignKeyField = "TypeOmschrijving"

rt.TextField = "TypeOmschrijving"

rs_Planner.ResourceTypes.Add(rt)

rs_Planner.Resources.Add(New Resource("TypeOmschrijving", "Ziek", "Ziek"))

rs_Planner.Resources.Add(New Resource("TypeOmschrijving", "Present", "Present"))

rs_Planner.Resources.Add(New Resource("TypeOmschrijving", "Verwijderd", "Verwijderd"))

rs_Planner.Resources.Add(New Resource("TypeOmschrijving", "Absent", "Absent"))

rs_Planner.Resources.Add(New Resource("TypeOmschrijving", "Regulier absent", "Regulier absent"))

rs_Planner.Resources.Add(New Resource("TypeOmschrijving", "Te laat", "Te laat"))

rs_Planner.AllowDelete = False

rs_Planner.AllowEdit = False

rs_Planner.AllowInsert = False

rs_Planner.ReadOnly = True 'dissallows moving

End Sub

Data that is loaded into the sceduler:

TypeOmschrijving datumtijdvan datumtijdtot

Te laat 2010-11-29 09:15:00.000 2010-11-29 09:24:00.000

Present 2010-11-29 09:24:00.000 2010-11-29 09:25:00.000

Verwijderd 2010-11-29 09:25:00.000 2010-11-29 10:00:00.000

Present 2010-11-29 10:25:00.000 2010-11-29 11:10:00.000

Present 2010-11-29 12:25:00.000 2010-11-29 13:55:00.000

Present 2010-11-29 14:10:00.000 2010-11-29 14:55:00.000

Present 2010-11-30 08:30:00.000 2010-11-30 09:15:00.000

Present 2010-11-30 09:15:00.000 2010-11-30 10:00:00.000

Present 2010-11-30 10:25:00.000 2010-11-30 11:46:00.000

Verwijderd 2010-11-30 11:46:00.000 2010-11-30 11:55:00.000

Present 2010-11-30 12:25:00.000 2010-11-30 13:55:00.000

Present 2010-11-30 14:10:00.000 2010-11-30 14:55:00.000

Present 2010-12-01 09:15:00.000 2010-12-01 10:00:00.000

Present 2010-12-01 10:25:00.000 2010-12-01 11:10:00.000

Present 2010-12-01 11:10:00.000 2010-12-01 11:55:00.000

Present 2010-12-01 12:25:00.000 2010-12-01 13:10:00.000

Present 2010-12-01 13:10:00.000 2010-12-01 14:55:00.000

Present 2010-12-02 08:30:00.000 2010-12-02 09:15:00.000

Present 2010-12-02 10:25:00.000 2010-12-02 11:55:00.000

Present 2010-12-02 13:10:00.000 2010-12-02 13:55:00.000

Present 2010-12-03 08:30:00.000 2010-12-03 13:10:00.000

Present 2010-12-06 09:15:00.000 2010-12-06 10:00:00.000

Present 2010-12-06 10:25:00.000 2010-12-06 11:10:00.000

Te laat 2010-12-06 12:25:00.000 2010-12-06 12:30:00.000

Present 2010-12-06 12:30:00.000 2010-12-06 13:55:00.000

Scheduler

answered on 07 Apr 2014

3 answers

59 views

Facing perfomance issue on page using 8 Telerik grids on a single page.

Hi,
In our project we are working on a page built using vb.net, asp.net, telerik contorls. In this we have used 8 Telerik grids which are depended on each other. If we change some value in a row the others grids need to refresh with changed value. Below are the keyponints which we have done so far on this page:

Use lot of custom css for the whole page and grids in it.
Frozen coloums feature has been applied on all grids
Grids are dependent, so need to render the all gird if user change some value in row of a grid and save it. (Lot of Ajaxifying)
When user does a minor operation like edit a rown of a grid, there is a lot of DOM manipulation.
Browser we are using to run the app is IE 8 with compatibility mode(IE7 Doc standards)
Complex buisiness logic written for the grids on server as well as client side.
8 radgrid on the page.
When user does any partial postback like save/delete/edit/add in a grid it takes around 3, 4 seconds to render the page (Request-Response-Rendering time).
Columns width are changed at runtime by javascript for all grids.
All grids have view state enabled.
Everything is on one page, didn't use user control. vb.net file is around 30K LOC(Maintained in Partial Classes), HTML page is around 4K LOC, javascript file is around 5K LOC.
RadCompression is applied.
All scripts are added in the RadScriptManager->Scripts collection.

I know that looking at the number of lines and complexe business logic it wont be possible for anyone to just guess what could be done.
But I am asking this because the 4-5 seconds time is taken for any partial postback done. So I think there might be some tweaks that could be done on the server code to improve the server response.
I would really appreciate if anyone has any suggestions on how to improve the page performace. The expected time is from 1 to 1.5 seconds.

Grid

answered on 07 Apr 2014

9 answers

1.4K+ views

Getting selected row index

Hi
I have a radgridview with multiple rows selected.
How can I get the current selected row index in gridview selectedIndexChanged event?

Grid

answered on 07 Apr 2014

3 answers

337 views

GridClientSelectColumn

How do I get value (that is checked) from GridClientSelectColumn, and how do I save the ones I selected after a postback?

When i submit i always get dataitem.Selected = false/nothing...

Protected Sub rbFelAnmal_Click(sender As Object, e As EventArgs) Handles rbFelAnmal.Click

For Each item As GridItem In RadGrid1.MasterTableView.Items

Dim dataitem As GridDataItem = DirectCast(item, GridDataItem)

If dataitem.Selected Then

value = value & dataitem.GetDataKeyValue("DateOfBirth").ToString() & "<br>"

Else

End If

Next

lblCheck.Text = value

End Sub

Grid

answered on 07 Apr 2014

3 answers

76 views

Rad Asycn Upload not working on IE 9 or Lower

Hello Forum,

We have been using Rad Asycn Upload to upload the files to the server. The control is working with Chrome and FireFox and IE10. But as we switch to IE9 or Lower versions of Internet Explorer, the control no longer works. Please find the web site project created in reference to the problem that we are facing at our end. Also the screen snaps have been attached with the problem when the file is uploaded to the server on IE9 or IE8. Can anyone please help or guide me through the issue?

Thanks
Bas

AsyncUpload

answered on 07 Apr 2014

5 answers

1.3K+ views

How to make particular rows readonly in editable grid ?

Hi,

We are using Telerik RadControls for ASP.NET Ajax version 2013.3.1114.45.
I have a radgrid with GridClientSelectColumn as first column to select rows, a checkbox column and Gridboundcolumn and the grid is in edit mode.
How to make a particular row read-only based on some condition ?

When the row becomes read-only, the following things should happen.
1. GridClientSelectColumn should not be visible for that row.
2. Checkbox should not be displayed, Yes or No text should be displayed instead of a tick-able checkbox
3. Editable textbox in gridboundcolumn should become readonly

Can you please help how to achieve ?

To hide the GridClientSelectColumn for some of the rows based on some condition, I did it as below in ItemDataBound event.
e.Item.Cells[2].Controls[0].visible = false;

But when the user clicks on the row (anywhere in the row), though the clientselectcheckbox is not visible, it is getting selected.
The following property returns true when the clientselectcolumn is not visible in a row and the user just clicked anywhere in the readonly row.

((System.Web.UI.WebControls.CheckBox)(gridDataItem.Cells[2].Controls[0])).Checked

Grid

answered on 07 Apr 2014

1 answer

152 views

Hidden controls

Hi

i have 5 controls

two of them hidden on some conditions on page load

<telerik:RadAjaxManager ID="WAjaxman" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="WAjaxman">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Cont1" />
<telerik:AjaxUpdatedControl ControlID="Cont2" />
<telerik:AjaxUpdatedControl ControlID="Cont3" />
</UpdatedControls>
</AjaxSettings>
</telerik:RadAjaxManager>

on code behind i added

WAjaxman.AjaxSettings.AddAjaxSetting(WAjaxman, Cont4, null);
WAjaxman.AjaxSettings.AddAjaxSetting(WAjaxman, Cont5, null);

but it doesn't effect the manager.
the cont4 and cont5 aren't updated

Ajax

answered on 07 Apr 2014

3 answers

192 views

MouseOver tab selection

I am attempting to add mouseover activation of tabs, per the following article:

http://www.telerik.com/help/aspnet-ajax/tabstrip-change-tabs-mouseover.html

I copied the code, the page loads without error, and the tabs change as intended.

However I get "Line: 75 Error: Unable to get property 'selectParents' of undefined or null reference" as soon as the mouse moves out of the tabstrip control..

Running Win 8.1 with I.E. 11 when the error occurs.

No error with Firefox.

I would like to know what this error is and how I might adjust the code to prevent or ignore.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="tabstrip_mouseover.aspx.vb" Inherits="tabstrip_mouseover" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<script type="text/javascript" language="javascript">

function SelectMyTab(sender, args) {

var multiPageID = sender.get_multiPageID();

sender.set_multiPageID(null);

args.get_tab().select();

sender.set_multiPageID(multiPageID);

}

function UnSelectMyTab(e) {

var tabStrip = $find('<%= RadTabStrip1.ClientID%>');

//Find the element which the mouse is over

var destElement = e.relatedTarget || e.toElement;

if ($telerik.isDescendant(tabStrip.get_element(), destElement))

return;

var initialTab = tabStrip.findTabByText("<%= MyTab %>");

//initialTab.unselect();

initialTab.selectParents();

}

</script>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="true" OnClientMouseOver="SelectMyTab" ClickSelectedTab="True" AutoPostBack="True" onmouseout="UnSelectMyTab(event)" SelectedIndex="0" Skin="Outlook" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab ID="Tab1" runat="server" Text="Root Tab 1">

<Tabs>

<telerik:RadTab ID="Tab2" runat="server" Text="Child Tab 1.1" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab ID="Tab3" runat="server" Text="Child Tab 1.2" PageViewID="PageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab ID="Tab4" runat="server" Text="Root Tab 2">

<Tabs>

<telerik:RadTab ID="Tab5" runat="server" Text="Child Tab 2.1" PageViewID="PageView3">

</telerik:RadTab>

<telerik:RadTab ID="Tab6" runat="server" Text="Child Tab 2.2" PageViewID="PageView4">

</telerik:RadTab>

<telerik:RadTab ID="Tab7" runat="server" Text="Child Tab 2.3" PageViewID="PageView5">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab ID="Tab8" runat="server" Text="Root Tab 3">

<Tabs>

<telerik:RadTab ID="Tab9" runat="server" Text="Child Tab 3.1" PageViewID="PageView6">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="454px" Width="737px">

<telerik:RadPageView ID="PageView1" runat="server">

Child Tab 1.1</telerik:RadPageView>

<telerik:RadPageView ID="PageView2" runat="server" Width="100%">

Child Tab 1.2</telerik:RadPageView>

<telerik:RadPageView ID="PageView3" runat="server" Width="100%">

Child Tab 2.1</telerik:RadPageView>

<telerik:RadPageView ID="PageView4" runat="server" Width="100%">

Child Tab 2.2</telerik:RadPageView>

<telerik:RadPageView ID="PageView5" runat="server" Width="100%">

Child Tab 2.3</telerik:RadPageView>

<telerik:RadPageView ID="PageView6" runat="server" Width="100%">

Child Tab 3.1</telerik:RadPageView>

</telerik:RadMultiPage>

</form>

</body>

</html>

Imports System

Imports System.Data

Imports System.Data.SqlClient

Imports System.Configuration

Imports System.Collections

Imports System.Web

Imports System.Web.Security

Imports System.Web.UI

Imports System.Web.UI.WebControls

Imports System.Web.UI.WebControls.WebParts

Imports System.Web.UI.HtmlControls

Imports Telerik.Web.UI

Partial Public Class tabstrip_mouseover

Inherits System.Web.UI.Page

Protected MyTab As String

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)

MyTab = RadTabStrip1.InnermostSelectedTab.Text

End Sub

End Class

TabStrip

answered on 06 Apr 2014

5 answers

1.5K+ views

How to programmatically remove a file on RadAsyncUpload control?

I have one or two files uploaded on RadAsyncUpload control. I would like how to programmatically remove the item (Like clicking on red "Remove" link next to each file on the RadAsyncUpload control).

My scenario is that when user click "Process" button below, one or two file will be remove from the list.

Thanks,

Lamk.

AsyncUpload

answered on 06 Apr 2014