Questions on UI for ASP.NET AJAX Forum

1 answer

142 views

Hello People, good night, when I try to use RadToolTip with Shadow seted to true, the control show us the following as you see in image attached.

The border top is working wrong. Someone who could help me with this task?

Best Regards

ToolTip

answered on 04 Apr 2012

3 answers

123 views

Appearing two labels in X axis

Hi

I have attached a image in this post. Can you please guide is there a way to achieve similarly?

Regards
Arima

Chart (Obsolete)

answered on 04 Apr 2012

3 answers

182 views

Show Sort Order With MultiColumn Sorting

Hello,

We are trying to show the sort order in our RadGrid when the grid is sorted by multiple columns. We would like to use an integer in front of the column header text to show if it is the primary, secondary, or tertiary sort parameter. Is this currently possible?

Thanks & Regards,
Josh Owen

Grid

answered on 04 Apr 2012

1 answer

187 views

RadGrid/DataReader Binding

The RadGrid documentation (c.f. http://www.telerik.com/help/aspnet-ajax/grid-binding-to-datareader.html) explains that I need to close datareaders in the DataBound event.

However, if I create a SqlDataReader using ExecuteReader(CommandBehavior.CloseConnection), it appears that the RadGrid is smart enough to automatically close the SqlDataReader (and the corresponding connection). I suspect this because SqlDataReader.IsClosed returns True in the DataBound event.

Can you confirm my findings by pointing me to where this feature is documented?
If this feature is not documented, can you confirm that my findings are correct?
Failing that, will you please explain why I would need to close an already-closed datareader?

Thanks.

Grid

answered on 04 Apr 2012

4 answers

364 views

Disable embedded scripts

Hello, I'm trying to figure out how to get the RadGrid working by setting the Enableembeddedscripts = false; This is what the html looks like:

<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 100%;">

<tr>

<td>

<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 100%;">

<tr>

<td>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="CWGrid" runat="server" Width="100%" OnNeedDataSource="CWGrid_NeedDataSource">

</telerik:RadGrid>

<telerik:RadContextMenu ID="cm" runat="server">

</telerik:RadContextMenu>

<telerik:RadContextMenu ID="gcm" runat="server">

</telerik:RadContextMenu>

</telerik:RadAjaxPanel>

</td>

</tr>

</table>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

</td>

</tr>

</table>

<telerik:RadWindowManager runat="server" ID="cwWinManager">

<Windows>

<telerik:RadWindow ID="cwPrintWindow" runat="server" ShowContentDuringLoad="false" Width="800px" Height="600px" Behaviors="Default">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

I'm setting these properties:

CWGrid.EnableEmbeddedScripts = false;

RadAjaxPanel1.EnableEmbeddedScripts = false;

RadAjaxLoadingPanel1.EnableEmbeddedScripts = false;

cm.EnableEmbeddedScripts = false;

gcm.EnableEmbeddedScripts = false;

cwWinManager.EnableEmbeddedScripts = false;

cwPrintWindow.EnableEmbeddedScripts = false;

I have also read this article: http://www.telerik.com/help/aspnet-ajax/introduction-disabling-embedded-resources.html, I have come up with the following list of files that I'm trying to register on the page in the Pre-render:

string telerikAssembly = typeof(RadGrid).Assembly.FullName;

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Core.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.jQuery.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.jQueryPlugins.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Ajax.Ajax.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.ComboBox.RadComboBoxScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Animation.AnimationScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Navigation.NavigationScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Grid.RadGridScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.TouchScrollExtender.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Menu.RadMenuScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Filter.RadFilterScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Menu.ContextMenu.RadContextMenuScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Input.NumericTextBox.RadNumericInputScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadDatePicker.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Input.DateInput.RadDateInputScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Popup.PopupScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Input.TextBox.RadInputScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadCalendarCommonScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadCalendarScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadDateTimePickerScript.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Calendar.RadPickersPopupDirectionEnumeration.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.ToolBar.RadToolBarScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Window.RadWindowScripts.js", telerikAssembly));

scriptManager.Scripts.Add(new ScriptReference("Telerik.Web.UI.Window.RadWindowManager.js", telerikAssembly));

It seems like I have the order wrong, or I'm still missing something, since I keep getting js errors when the page loads, and none of the client-side functionality works.

What am I missing?

Thank you,

Dasha.

Grid

answered on 04 Apr 2012

0 answers

83 views

how to remove heading or trailing space

I am using UpdateValues to get value when adding or updating record. what's the best way to automatically remove heading or trailing space from the user input?

Thanks.

Grid

asked on 04 Apr 2012

2 answers

140 views

RadTimePicker and RadDateTimePicker problem in IE9

Hello Teleirk team.
I have a trouble about manipulating RadTimePicker and RadDateTimePicker.
when i set the set_enabled(false) property in javascript code, screen's width and height sizes are borken in IE9.
FF and chrome are fine.

i'm using lastest telerik control 2012 Q1 and HOTFIX patch.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp4._Default" %>

<!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>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

function Enable(control) {

var timePicker = $find("<%= RadTimePickerStartTime.ClientID %>");

if (control.checked) {

timePicker.set_enabled(true);

}

else {

timePicker.set_enabled(false);

}

function EnableDateTime(control) {

var timePicker = $find("<%= RadDatePickerStartTimeDate.ClientID %>");

if (control.checked) {

timePicker.set_enabled(true);

}

else {

timePicker.set_enabled(false);

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadTimePicker ID="RadTimePickerStartTime" runat="server">

<TimeView ID="TimeView1" runat="server" ShowHeader="true" StartTime="08:00:00" Interval="00:30:00"

EndTime="18:30:00" Columns="4">

</TimeView>

<DateInput ID="DateInputStartTime" runat="server" DisplayDateFormat="hh:mm tt" SelectionOnFocus="SelectAll">

</DateInput>

</telerik:RadTimePicker>

<asp:CheckBox runat="server" ID="Enabled" Checked="true" Text="RadTimePicker Enabled"

onclick="Enable(this);" />

<telerik:RadDatePicker ID="RadDatePickerStartTimeDate" runat="server" EnableEmbeddedSkins="false"

Calendar-FastNavigationStep="12" Calendar-ShowRowHeaders="false" Width="100%">

<DateInput ID="DateInputStartTimeDate" runat="server" DateFormat="MM/dd/yyyy" SelectionOnFocus="SelectAll"

Width="100%" />

</telerik:RadDatePicker>

<asp:CheckBox runat="server" ID="CheckBox2" Checked="true" Text="RadDateTimePicker Enabled"

onclick="EnableDateTime(this);" />

</form>

</body>

</html>

Calendar

answered on 04 Apr 2012

2 answers

84 views

[Solved] grid jump to last page

when I click "Add a new record" button in the top left corner to add a new record, the grid automatically jump to last page... could not figure out.

not sure what could be wrong?

Grid

answered on 04 Apr 2012

1 answer

96 views

Drag-n-Drop Custom helper

Hi,

I'm using a grid object from which I want to drag rows onto a dock panel. So far nothing too complex, thanks to the telerik team support, but I'd like to be able to have my own custom helper as in the ListView example here : http://demos.telerik.com/aspnet-ajax/listview/examples/itemdragdrop/defaultcs.aspx

I can't find any info on this. I've found some classes like '.rgDrag' or '.rgDragCol' but no success so far.

Does anyone know how to achieve this ? That would be awesome.

Thank in advance guys ;)

Chris

Grid

answered on 04 Apr 2012

1 answer

124 views

Child RadTab.Click Event

Hello, I have the screen as per the below example and I would like to handle an event when Child RadTab clicked.
http://mono.telerik.com/TabStrip/Examples/ServerSide/ServerEvents/DefaultCS.aspx
I tried in all the ways, finally found the above link with an example but the above example also not resolved my issue.
Please let me know, if any have idea about how to deal with Child RadTab.Click Event.

Requirement: We are implementing multiple charts loading at page load, due to some charts performance issues. we decided to load the each chart based on respective tab.click event.

But Childradtab.click not allowing me to write an event.

Thanks In Advance,
Rish.

TabStrip

answered on 03 Apr 2012