Questions on UI for ASP.NET AJAX Forum

5 answers

104 views

Hi,
I am creating a Grid dynamically and i am using grid.columns.Clear() to clear the columns before adding the new columns to the grid.But that causes the following error,and i have tried to set GridTableView.EnableColumnsViewState to False but that does not work.
Please give the solution for this problem.

[ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index]
   System.Collections.ArrayList.get_Item(Int32 index) +2776221
   Telerik.WebControls.GridColumnCollection.x107df2cdc54f1163() +635
   Telerik.WebControls.GridTableView.x2f42edb67de223fa() +2342
   Telerik.WebControls.RadGrid.xecc39c6829764c81(ArrayList x968349690f5f2dca, GridTableView x97cb49e21273638b) +73
   Telerik.WebControls.RadGrid.SaveViewState() +439
   System.Web.UI.Control.SaveViewStateRecursive() +137
   System.Web.UI.Control.SaveViewStateRecursive() +254
   System.Web.UI.Control.SaveViewStateRecursive() +254
   System.Web.UI.Control.SaveViewStateRecursive() +254
   System.Web.UI.Control.SaveViewStateRecursive() +254
   System.Web.UI.Page.SaveAllState() +602
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +5016

Grid

answered on 17 Nov 2011

4 answers

344 views

[Solved] Print Function Doesnt Work.

Hi

I am using radbutton in my page for printing the web page. I have using the the javascript function OnClientClicked="javascript:self.print();return false;" for printing. But it didn't work. If i am using HTML or ASP button then it will work properly. Please give the solution for this problem.

Thanks,
Velkumar

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PrintDemo.aspx.cs" Inherits="PrintDemo" %>

<%@ 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>

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

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<table style="width: 877px">

<tr style="height:20px; vertical-align:middle;" >

<td align="center" id="headid">

<asp:Label id="Heading" Text="Print checking " runat="server"></asp:Label>

</td>

</tr>

<tr>

<td align="center">

<asp:Label ID="printContent" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td style="height:20px;">

</td>

</tr>

<tr>

<td align="center">

<telerik:RadButton ID="printbtn" Text=" Print " OnClientClicked="javascript:self.print();return false;" runat="server"></telerik:RadButton>

</td>

</tr>

<tr>

<td align="center">

<asp:Button ID="printbutton" OnClientClick="javascript:self.print();return false;" Text="Print" runat="server" />

</td>

</tr>

<tr>

<td align="center">

<input type="button" value="Print" onclick="JavaScript:window.print();" />

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

Button

answered on 17 Nov 2011

1 answer

105 views

Get ComboBox value using jquery?

I need to access the combobox values from with in jquery e.g.:

$(document).ready(function () {

var ddl = $("#<%= RadComboBox1.ClientID %>");

var value = ddl.get_value();

)};

How do I get this or something similar to work?

Thanks, Justin.

ComboBox

answered on 17 Nov 2011

4 answers

140 views

[Solved] Filtering doesnt work after Tab

Hi,

I' ve got RadComboBox in my RadGrid:

<telerik:RadComboBox runat="server" ID="RCBKon" DataTextField="KON_Numer" DataValueField="KON_Numer" Filter="Contains"

<br>                                    DataSourceID="sqlKolumny" Width="70px" DropDownWidth="100px" SelectedValue='<%#Bind("KON_Numer") %>' Height="100px" <

br

>                                    onpropertychange="javascript:KolChanged();" onfocus="javascript:selectrow();"><

br> </telerik:RadComboBox>

Filtering works grat when i click on combobox and start typing; problem is that users typically use Tab to focus on combobox, and then filtering doesn't work at all - checked in FF 8 and IE 8 ;

So my question is, is it known issue? And how can I get it to work with tab?

Regards,
Wojciech

ComboBox

answered on 17 Nov 2011

1 answer

129 views

Combobox selection issue

I've used Radcombobox in microsoft gridview as template field and succeeded binding with images to the combobox. My problem is,
I have 2 rows in the grid and trying to select combox values (images) in 2 rows but when I select second row combobox value then first row combobox value is not displaying.

Below code I'm using suggested by you in one of the forum topic

<%@ Page Title="Specimen Tracking System - External Lab Details" Language="C#" MasterPageFile="~/ExternalLab.master" AutoEventWireup="true" CodeFile="ExternalLabDetails.aspx.cs" Inherits="ExternalLabDetails" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<link rel="Stylesheet" href="StyleSheet.css" type="text/css" />

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

changeBackground('BatchDetails');

function showalert(message) {

alert(message);

return;

}

function clearFields() {

}

function clearfields(message) {

if (message) {

// clearFields();

alert(message);

return;

}

function validations() {

if (document.getElementById('ctl00_ContentPlaceHolder1_ddlBatchNumber').value == "Select Batch Number") {

alert("Select Batch Number");

document.getElementById('ctl00_ContentPlaceHolder1_ddlBatchNumber').focus();

return false;

}

if (document.getElementById('ctl00_ContentPlaceHolder1_DateReceived').value == '') {

alert("Select Received Date");

return false;

}

</script>

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

function showImageOnSelectedItemChanging(sender, eventArgs) {

var input = sender.get_inputDomElement()

input.style.background =

"url(" + eventArgs.get_item().get_imageUrl() + ") no-repeat";

input.style.paddingLeft = "22px";

}

function showSelectedImage(sender) {

var input = sender.get_inputDomElement();

var item = sender.get_selectedItem();

// input.style.background =

// "url(" + item.get_imageUrl() + ") no-repeat";

// input.style.paddingLeft = "22px";

}

</script>

<table width="760" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

<tr>

<td height="5"></td>

</tr>

<tr>

<td align="left" style="border: solid 1px #9ce3ff; padding-left:5px;">

<table width="750" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="5"></td>

</tr>

<tr>

<td align="left"><h3><img src="images/External_lab-title.gif" alt="Form FT" height="29" border="0" /></h3></td>

</tr>

<tr>

<td align="left">

<table width="745" border="0" cellspacing="0" cellpadding="0">

<tr>

<td colspan="2" align="left"> </td>

<td colspan="2" height="30" align="right" class="smallText">( <span class="mandatory">*</span> = Required )</td></tr>

<tr>

<td width="113" height="28" class="heading">Batch Number:</td>

<td width="350" height="28" align="left">

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:DropDownList ID="ddlBatchNumber" CssClass="dropdown" Width="150px"

runat="server" AutoPostBack="True"

onselectedindexchanged="ddlBatchNumber_SelectedIndexChanged">

</asp:DropDownList><span class="mandatory">*</span>

</ContentTemplate>

</asp:UpdatePanel>

</td>

<td width="90" class="heading">Courier Name:</td>

<td width="192" align="left">

<asp:UpdatePanel ID="UpdatePanel3" runat="server">

<ContentTemplate>

<asp:TextBox ID="txtCourierName" runat="server"

Width="176px" Enabled="False"></asp:TextBox>

</ContentTemplate>

</asp:UpdatePanel></td>

</tr>

<tr>

<td height="28" class="heading">Tracking Number:</td>

<td align="left">

<asp:UpdatePanel ID="UpdatePanel4" runat="server">

<ContentTemplate>

<asp:TextBox ID="txtTrackNumber" runat="server" Enabled="false"

Width="146px"></asp:TextBox>

</ContentTemplate>

</asp:UpdatePanel>

</td>

<td height="28" class="heading">Date Shipped:</td>

<td height="28" align="left">

<asp:UpdatePanel ID="UpdatePanel5" runat="server">

<ContentTemplate>

<telerik:RadDateTimePicker ID="DateShipped"

Runat="server" Enabled="False">

<Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"

ViewSelectorText="x">

</Calendar>

<TimeView CellSpacing="-1">

</TimeView>

<TimePopupButton HoverImageUrl="" ImageUrl="" />

<DatePopupButton HoverImageUrl="" ImageUrl="" />

<DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy">

</DateInput>

</telerik:RadDateTimePicker>

</ContentTemplate>

</asp:UpdatePanel>

</td>

</tr>

<tr>

<td height="28" class="heading">Received Date:</td>

<td align="left">

<asp:UpdatePanel ID="UpdatePanel7" runat="server">

<ContentTemplate>

<telerik:RadDateTimePicker ID="DateReceived"

Runat="server">

</telerik:RadDateTimePicker><span class="mandatory">*</span>

</ContentTemplate>

</asp:UpdatePanel></td>

<td height="28" class="heading" colspan="2"></td>

</tr>

<tr><td colspan="4" height="20"></td></tr>

<tr>

<td colspan="4" align="left" valign="top">

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<ContentTemplate>

<asp:GridView ID="gvSpecimens" runat="server" AutoGenerateColumns="False"

AllowPaging="True"

PageSize="14"

CellPadding="4" ForeColor="#333333" Width="747px"

onpageindexchanging="gvSpecimens_PageIndexChanging1"

>

<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />

<RowStyle BackColor="#FFFFF4" Height="25px" />

<Columns>

<asp:BoundField HeaderText="Specimen Number" DataField="Specimen Number">

<HeaderStyle CssClass="GridHeading" Width="80px" />

<ItemStyle CssClass="GridText" Width="150px" />

</asp:BoundField>

<asp:TemplateField HeaderText="Lab Accession Number" >

<ItemTemplate>

<asp:TextBox ID="txtAccessionNumber" runat="server" CssClass="inputBox" Width="95px"

Enabled="False" ReadOnly="True"></asp:TextBox>

</ItemTemplate>

<HeaderStyle CssClass="GridHeading" Width="80px"></HeaderStyle>

</asp:TemplateField>

<asp:BoundField HeaderText="Specimen Condition assigned by NSABP DMG" DataField="Specimen Condition">

<HeaderStyle CssClass="GridHeading" Width="100px" />

<ItemStyle CssClass="GridText" />

</asp:BoundField>

<asp:TemplateField HeaderText="Specimen Condition">

<ItemTemplate>

<asp:DropDownList ID="ddlSpecimenCondition" runat="server" CssClass="dropdown1"

Width="203px" Height="30px">

</asp:DropDownList>

</ItemTemplate>

<HeaderStyle CssClass="GridHeading" Width="110px"></HeaderStyle>

</asp:TemplateField>

<asp:BoundField HeaderText="LabNumber" DataField="LabNumber">

<HeaderStyle CssClass="hideGridColumn" Width="10px" />

<ItemStyle CssClass="hideGridColumn" />

</asp:BoundField>

<asp:TemplateField HeaderText="Temperature" HeaderStyle-CssClass="GridHeading">

<ItemTemplate>

<asp:Label runat="server" ID="lblTemperature" CssClass="GridText" Text='<%# Bind("NSABPTemperature") %>'></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="Temperature Received">

<ItemTemplate>

<telerik:RadComboBox ID="ddlTemperature" Runat="server" Width="120px"

OnClientLoad="showSelectedImage"

OnClientSelectedIndexChanging="showImageOnSelectedItemChanging">

</telerik:RadComboBox>

</ItemTemplate>

<HeaderStyle CssClass="GridHeading" Width="80px"></HeaderStyle>

</asp:TemplateField>

<asp:TemplateField HeaderText="Multi Core" ItemStyle-HorizontalAlign=Center>

<ItemTemplate>

<asp:CheckBox ID="chkMultiCore" runat="server" AutoPostBack="true" OnCheckedChanged ="chkMultiCore_CheckedChanged">

</asp:CheckBox>

</ItemTemplate>

<HeaderStyle CssClass="GridHeading"></HeaderStyle>

</asp:TemplateField>

<asp:BoundField HeaderText="CoreNumber" DataField="CoreNumber">

<HeaderStyle CssClass="hideGridColumn" Width="10px" />

<ItemStyle CssClass="hideGridColumn" />

</asp:BoundField>

<asp:TemplateField HeaderText="No.of Cores" ItemStyle-HorizontalAlign=Center >

<ItemTemplate >

<asp:DropDownList ID="ddlCoreNumbers" runat="server" Width="38px" AutoPostBack=true OnSelectedIndexChanged="ddlCoreNumbers_SelectedIndexChanged">

<asp:ListItem Value="1">1</asp:ListItem>

<asp:ListItem Value="2">2</asp:ListItem>

</asp:DropDownList>

</ItemTemplate>

<HeaderStyle CssClass="GridHeading"></HeaderStyle>

</asp:TemplateField>

</Columns>

<PagerStyle BackColor="#F7F4D2" ForeColor="#333333" HorizontalAlign="Center"

Font-Bold="true" Font-Size="12px" />

<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />

<HeaderStyle BackColor="#F7F4D2" Font-Bold="True" ForeColor="White" />

<EditRowStyle BorderStyle="None" BackColor="#2461BF" />

<AlternatingRowStyle BackColor="White" />

</asp:GridView>

</ContentTemplate>

</asp:UpdatePanel>

</td>

</tr>

</table> </td>

</tr>

<tr>

<td height="5" align="left"></td>

</tr>

<tr>

<td align="center">

<table width="160" border="0" cellspacing="3" cellpadding="0">

<tr>

<td align="center">

<asp:UpdatePanel ID="UpdatePanel6" runat="server">

<ContentTemplate>

<asp:ImageButton ID="btnSave" ImageUrl="~/Images/save.gif" runat="server"

onclick="btnSave_Click" />

</ContentTemplate>

</asp:UpdatePanel>

</td>

<td align="center"><asp:ImageButton ID="btnCancel" ImageUrl="~/Images/cancel.gif"

runat="server" onclick="btnCancel_Click" /></td>

</tr>

</table> </td>

</tr>

</table>

</td>

</tr>

</table>

</asp:Content>

Sever side code:
I'm using below code bind images to gridview Radcombobox

RadComboBox ddlTemperature = ((RadComboBox)gvSpecimens.Rows[i].FindControl("ddlTemperature"));

DirectoryInfo imgDir = new DirectoryInfo(Server.MapPath("TemperatureIcons/"));

RadComboBoxItem item1 = new RadComboBoxItem("Select", "0");

ddlTemperature.Items.Add(item1);

foreach (FileInfo file in imgDir.GetFiles("*.gif"))

{

RadComboBoxItem item = new RadComboBoxItem("", file.Name.Replace(".gif", ""));

item.ImageUrl =

"TemperatureIcons/" + file.Name;

ddlTemperature.Items.Add(item);

}

Could you please tell me the reason what it could be and suggest me to move from my struckpoint.

ComboBox

answered on 17 Nov 2011

1 answer

97 views

Lingering Issues...

I cringe whenever I need to use any of the controls that contain the Label propery....don't get me wrong, I love the Label property and wish it was in MORE controls

However the label styles are so inconsistant from control to control

Have a look (attached)

Thats a Sitefinity ComboBox and RadTextBox...both have different fonts, niether changed by my CSS

.RadComboBox_Sitefinity, .RadComboBox_Sitefinity .rcbInput, .RadComboBoxDropDown_Sitefinity {

color: #333333;

font: 12px Arial,Helvetica,sans-serif;

}

.RadInput_Sitefinity, .RadInputMgr_Sitefinity {

font: 12px "segoe ui",arial,sans-serif;

}

.RadInput_Sitefinity .riLabel {

color: #000000;

}

I thought these were supposed to be cleaned up a bunch of releases ago...? :)

It's defiantly not the first time I've noticed it

General Discussions

answered on 17 Nov 2011

1 answer

126 views

TimeSlotCreated and Advanced form

Hi,
I have some styling setup in the TimeSlotCreated event which all works great when perfoming any commands on the secheduler, but when I double click on a timeslot to insert an appointment I get the advanced form but the styling is lost on the schedule behind. If I fillout the form and click save or even if I cancel the form the styling comes back. I have attached a screen shot before and after. On trying to track it down I noticed that on opening the form the TimeSlotCreated event is only fired once which is before page_load and when closing or saving the TimeSlotCreated event is fired after page_load. So I guess because it's not being fired after page_load when opening the form the styling is lost from when it was called before the page_load.

If you could make a quick demo which has special day CSS styling applied in the TimeSlotCreated and also uses the advanced form that does not loose this styling when the advanced form is open I would appreciated it as I could use it to see what perhaps I'm doing wrong if it's not a bug.

Thanks

Scheduler

answered on 17 Nov 2011

5 answers

200 views

get_strengthScore broken?

Use the demo sceen->Custom calculated strength score. example..

Independent of any settings get_strengthScore always returns a exact 5 points per char typed, i.e changing any settinh has zero affect on the score..

Input

answered on 17 Nov 2011

0 answers

1.1K+ views

Separate Skin Assembly in RadControls for ASP.NET AJAX with Q3 2011

Since Q3 2011, all existing skins, except Default, are moved to a separate skins assembly (Telerik.Web.UI.Skins.dll). By doing so, we were able to reduce few megabytes off the main assembly and transfer that load to the skins assembly. And though 6 megabytes might seem modest for some, it's some 40% reduction in terms of the file size: Separate Skin Assembly in RadControls for ASP.NET AJAX with Q3'11.

As it was mentioned four months ago, all embedded skins (except the Default one, which will remain plugged in the Telerik.Web.UI.dll) will be shifted to the Telerik.Web.UI.Skins.dll and to utilize any embedded skin other than the Default skin, you will have to have a valid reference to the new AJAX skins dll in your project.

If a different from the Default skin is set and the Telerik.Web.UI.Skins.dll is not present in the /Bin folder, the following server error will appear on the page:

Telerik.Web.UI.[Telerik Control] with ID='[Telerik Control ID]' was unable to find embedded skin with name '[Skin Name]'. Please, make sure that you spelled the skin name correctly, or if you want to use a custom skin, set EnableEmbeddedSkins=false.

More information is available in these help articles:
Skins Location
and
Skins Troubleshooting

Note that you should restart Visual Studio after adding a reference to the Telerik.Web.UI.Skins.dll.

If you use the Telerik WebUI VSExtensions upgrade wizard to update your projects, upgrade the tool to version 2011.3.1125.0 or later in the Extensions Manager of Visual Studio. This will ensure that the Telerik.Web.UI.Skins.dll assembly will be copied automatically to the /bin folder by the upgrade wizard.

General Discussions

asked on 17 Nov 2011

1 answer

230 views

Disable double-click in Calendar?

Is there a way to disable the editor form that appears when a user double clicks an appointment in the RadCalendar? We have a separate mechanism for editing this data and are using the Calendar control as a read-only view. I've tried disabling editing, but it still pops up the form when I double-click an appointment. Thanks!

Dave

Calendar

answered on 17 Nov 2011