Questions on UI for ASP.NET AJAX Forum

1 answer

75 views

Hi,

I am using Telerik Rad Charts controls for ASP.net i need to create combine charts
chart1 (Column,Line and Bubble) and chart2 (Area,Line and Bubble) like as attached images.
Also i have attched chart images for your reference. I want to konw how to create the charts like as the images and if it is possible to get any working sample it would be a great help for me.

Can you any one help on this.
Regards,
Kannan S

Chart (Obsolete)

answered on 13 Aug 2012

1 answer

179 views

Different types of charts in a single chart control

Hi,

I am using Telerik Rad Charts controls for ASP.net i need to create combine charts
chart1 (Column,Line and Bubble) and chart2 (Area,Line and Bubble) like as attached images.
Also i have attched chart images for your reference. I want to konw how to create the charts like as the images and if it is possible to get any working sample it would be a great help for me.

Can you any one help on this.
Regards,
Kannan S

Chart (Obsolete)

answered on 13 Aug 2012

1 answer

106 views

radgrid hyperlink eval parameter pass error

How i pass the parameter in onclientclick error come ,

<asp:HyperLink runat="server" ID="lnkAddressID" Text='<%# DataBinder.Eval(Container.DataItem, "Address_Location_Name")%>'

OnClientClick="EditAddress('<%# DataBinder.Eval(Container.DataItem, "AddressID")%>')"></asp:HyperLink>

Thanks Advance,
Mohamed.

Grid

answered on 13 Aug 2012

2 answers

80 views

RadGrid Scrolling Colum Size

Hey Guys,

I have a grid where I hide/show certain columns dynamically. Everything works fine until I set AllowScroll="true", then all the columns go out of whack completely, as can be seen in the attached images. I've tried quiet a few things to get the grid to play nice, but any suggestions are welcome.

Regards
Ross

<telerik:RadGrid ID="m_radgrdLevel1" runat="server" AllowPaging="True" AllowSorting="True"

GridLines="None" BorderWidth="1px" Height="325px" Style="margin-left: 10px; margin-right: 10px;

margin-top: 5px; margin-bottom: 5px; width: 98%" OnItemCommand="m_radgrdLevel1_ItemCommand"

OnItemDataBound="m_radgrdLevel1_ItemDataBound" CellSpacing="0" OnSortCommand="m_radgrdLevel1_SortCommand">

<filtermenu enableimagesprites="False">

</filtermenu>

<pagerstyle visible="False" />

<clientsettings allowexpandcollapse="True">

<ClientEvents OnColumnClick="ClickAlert" OnScroll="HandleScrolling" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" />

</clientsettings>

<mastertableview allowmulticolumnsorting="True" autogeneratecolumns="False" datakeynames="CodeNumber,CodeSystem"

grouploadmode="Server" hierarchyloadmode="ServerOnDemand" >

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn UniqueName="CheckboxColumn">

<ItemTemplate>

<asp:CheckBox AutoPostBack="true" ID="chkDoc" runat="server" Checked="false" Enabled="true"

OnCheckedChanged="chkDoc_CheckedChanged" />

<ItemStyle Width="4%" />

<HeaderStyle Width="4%" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn CommandName="Redirect" DataTextField="CodeNumber" HeaderText="ID"

FilterControlAltText="Filter column column" UniqueName="LinkButtonColumn">

<ItemStyle Width="10%"/>

<HeaderStyle Width="10%" />

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="CodeNumber" HeaderText="ID" UniqueName="CodeNumber">

<ItemStyle Width="10%"/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CodeDescription" HeaderText="Name" UniqueName="CodeName">

<ItemStyle Width="45%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status" HeaderText="Status" UniqueName="CodeStatus">

<ItemStyle Width="8%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Active" HeaderText="Active">

<ItemStyle Width="8%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CodeSystem" HeaderText="Code System">

<ItemStyle Width="20%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TargetType" HeaderText="Target Type" UniqueName="TargetType" visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="HasChildren" UniqueName="HasChildren" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="QAType" UniqueName="QAType" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 13 Aug 2012

1 answer

66 views

Two ComboBox in Grid, how to enable one based the other one

I have two ComboBox comboA and comboB in Grid and initial comboB is disable.
comboB need to be enabled when comboA has a selected value?
How can I do that without loop through each cell?

ComboBox

answered on 13 Aug 2012

1 answer

266 views

Is there a way to show RadProgressArea as popup mode?

AsyncUpload

answered on 13 Aug 2012

2 answers

191 views

How to generate an auto-increased number for every record in RadGrid?

How to generate an auto-increased number for every record as first column in RadGrid?

Grid

answered on 13 Aug 2012

3 answers

242 views

Edit/Update/Insert/Delete in the radgrid

I found this sample but how do i remove edit/delete options from this sample? Thanks!

http://mono.telerik.com/Grid/Examples/DataEditing/AllEditableColumns/DefaultCS.aspx

Grid

answered on 13 Aug 2012

0 answers

164 views

RadDatePicker on IE - Text property cannot be set. String was not recognized as a valid DateTime.

Hi,

I have a RadDatePicker with the following code

<telerik:RadDatePicker ID="rdpDateOfBirth" runat="server" EnableViewState="true" MinDate="1/1/1900" OnKeyUp="keyUp(this, event);">

<DateInput runat="server" ID="radDateInput" font-size="1.0em" DateFormat="dd-MM-yyyy" MinDate="1/1/1900"</DateInput>

</telerik:RadDatePicker>

where keyUp() is defined as:

function keyUp(sender, e)

{

e = e || window.event;

if (e.keyCode == 13) {

var defaultButtons = $('.saveButton');

if (defaultButtons.length != 0) {

var btn = defaultButtons[0];

btn.focus();

btn.click();

}

The idea is simple, save the value upon hitting the ENTER key.
However, when using IE 8 (yes, only IE but works on Chrome), we get the error as seen in the attached file.

What could be wrong?
We're not setting any SelectedDate property in the button click. I also tried to break point our save button event and the error happens even before the first line is hit. So I'm guessing it's a telerik control problem.

Thanks and regards,

Rafferty

Calendar

asked on 13 Aug 2012

5 answers

67 views

Scheduler rendering wide on load IE9

Hi,

I have a schedule control that is rendering wide on load in IE9 (See attached). The scheduler sizes correctly if I resize the browser window after load but gets it wrong on load.

The version is 2012.1.411.35.

How can I get it to render correctly on load? The scheduler needs to autosize to remaining page space.

Thanks

Gavin.

Here is the code

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Scheduler._Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register src="AdvancedForm.ascx" tagname="AdvancedForm" tagprefix="scheduler" %>

<!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>Schedule</title>

<link href="css/schedule.css" rel="stylesheet" type="text/css" />

<link href="css/Teleric1.css" rel="stylesheet" type="text/css" />

<link href="css/Teleric2.css" rel="stylesheet" type="text/css" />

<style type="text/css">

.RadScheduler .rsAptSubject

{

text-align: left;

padding: 4px 0 1px;

margin: 0 0 3px;

font-size: 12px;

font-weight: bold;

color: #369;

height: 17px;

border-bottom: 1px solid #99DEFD;

width: 100%;

}

.RadScheduler .rsAdvancedEdit .RadColorPicker label

{

text-align: left;

display: block;

padding: 0;

}

</style>

</head>

<body>

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

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

<Scripts>

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

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

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

<asp:ScriptReference Path="~/AdvancedForm.js"></asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<div id="page-wrap">

<div id="page">

<div id="menu">

menu

</div>

<div id="pagecontent">

<div style="float:left; width: 2%"> </div>

<div style="float:left; width: 98%">

<div id="content">

<div class="Left">

<telerik:RadCalendar ID="RadCalendar1" Runat="server"

CultureInfo="English (Australia)" EnableMultiSelect="False" SelectedDate=""

ViewSelectorText="x" AutoPostBack="True"

onselectionchanged="RadCalendar1_SelectionChanged">

<DayOverStyle CssClass="rcHover"></DayOverStyle>

<FastNavigationStyle CssClass="RadCalendarMonthView RadCalendarMonthView_Default"></FastNavigationStyle>

<DisabledDayStyle CssClass="rcDisabled"></DisabledDayStyle>

<WeekendDayStyle CssClass="rcWeekend"></WeekendDayStyle>

<ViewSelectorStyle CssClass="rcViewSel"></ViewSelectorStyle>

<SelectedDayStyle CssClass="rcSelected"></SelectedDayStyle>

<CalendarTableStyle CssClass="rcMainTable"></CalendarTableStyle>

<OtherMonthDayStyle CssClass="rcOtherMonth"></OtherMonthDayStyle>

<SpecialDays>

<telerik:RadCalendarDay Date="" Repeatable="Today">

<ItemStyle CssClass="rcToday" />

</telerik:RadCalendarDay>

</SpecialDays>

<OutOfRangeDayStyle CssClass="rcOutOfRange"></OutOfRangeDayStyle>

</telerik:RadCalendar>

</div>

<div class="Right">

<telerik:RadScheduler ID="RadScheduler1" runat="server"

DataEndField="EndDate"

DataKeyField="id"

DataRecurrenceField="RecurrenceField"

DataRecurrenceParentKeyField="ParentID"

DataStartField="StartDate"

DataSubjectField="Subject"

onappointmentinsert="RadScheduler1_AppointmentInsert"

onappointmentupdate="RadScheduler1_AppointmentUpdate"

onappointmentdelete="RadScheduler1_AppointmentDelete"

GroupBy="Users" Height="600px" MinutesPerRow="15"

onnavigationcomplete="RadScheduler1_NavigationComplete"

StartInsertingInAdvancedForm="True">

<ResourceTypes>

<telerik:ResourceType Name="Users" KeyField="id" TextField="name" ForeignKeyField="UserID" />

</ResourceTypes>

<AdvancedForm Modal="true" />

<AdvancedEditTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>' End='<%# Bind("End") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' UserID='<%# Bind("Users") %>'

/>

</AdvancedEditTemplate>

<TimelineView UserSelectable="False" />

<AdvancedInsertTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert" Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>' End='<%# Bind("End") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' UserID='<%# Bind("Users") %>'

/>

</AdvancedInsertTemplate>

</telerik:RadScheduler>

</div>

<div class="clear"></div>

</div>

</form>

</body>

</html>

CSS

body

{

font: 12px/16px Tahoma;

margin: 3px;

}

#page-wrap

{

width: 100%;

min-width: 1261px;

min-height: 667px;

height: auto;

}

#page

{

height: auto;

min-height: 667px;

min-width: 1261px;

}

#menu

{

float: left;

width: 179px;

min-height: 667px;

height: auto;

}

#pagecontent

{

float: left;

width: auto;

min-width: 1051px;

min-height: 667px;

height: auto;

border-left: solid 1px #338c26;

}

#content

{

width: auto;

min-width: 1051px;

}

#content .Left

{

float: left;

width: 225px;

}

#content .Right

{

}

.clear

{

clear: both;

}

Scheduler

answered on 13 Aug 2012