Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

RadPanelBar

I would like to get the value of the DataValueField on Item Click and use that value for the Items Expanded. Something like below.

Protected Sub RadPanelBar1_ItemClick(sender As Object, e As Telerik.Web.UI.RadPanelBarEventArgs) Handles RadPanelBar1.ItemClick

Dim Extend = RadPanelBar1.DataValueField

RadPanelBar1.Items(Extend).Expanded = True

End Sub

Is this possible?

PanelBar

answered on 02 Jul 2012

1 answer

604 views

GridButtonColumn client click event

Hi,

I need to check if a GridButtonColumn was clicked client-side and I also need to know for which row this was.
Getting the event was easy, I subscribed to the OnCommand client event and check if it is my button:

function OnCommand(sender, args) {

if (args.get_commandName() == "MyCommand") {

args.set_cancel(true);

// need to get the current row

}

But how can I access the row in which the button was clicked?

Thanks!

Edit: I just saw how to acccess the row index:

var rowIndex = args.get_commandArgument();

But how can I access the dataKeyValue of this row?

Grid

answered on 02 Jul 2012

1 answer

64 views

recurrence events unique id

hi
i have created a recurrence event say on 6/29/2012 that is weekly so it will also occur on next week 7/6/2012 .But in database i have only one entry with a single ID. So how can i differentiate between both appointment in the terms of any unique id or whatever being is possible.

Scheduler

answered on 02 Jul 2012

5 answers

227 views

RadNumericTextBox cannot handle properly decimal(18,2)

Hi,

I can't force following code to work, meaning the values of the decimals are multiplied by 100 and no combination of DecimalSeparator nor DecimalDigits nor Culture setting renders 5.19m as 5,19 (or 5.19 for that matter) - the result is always 519

<%@ Page Language="C#" AutoEventWireup="true" %>

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

</head>

<body>

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

<div>

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

</asp:ScriptManager>

<script type="text/C#" runat="server">

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

System.Data.DataTable table = new System.Data.DataTable();

table.Columns.Add("ID", typeof(int));

table.Columns.Add("pct", typeof(decimal));

table.Rows.Add(1, 5.19m);

table.Rows.Add(2, 99.49m);

table.Rows.Add(3, 19.69m);

table.Rows.Add(4, 5.99m);

RadGrid1.DataSource = table;

}

</script>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="ID" DataType="System.Int32" HeaderText="ID" UniqueName="ID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="perComplete" HeaderText="Percent Complete"

AllowFiltering="false">

<ItemTemplate>

<telerik:RadNumericTextBox ID="pct" runat="server" Text='<%#Eval("pct") %>' Width="70px">

<NumberFormat AllowRounding="false" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

General Discussions

answered on 02 Jul 2012

2 answers

447 views

RadGrid Declarative Client Side Binding and Loading Panel Spinner

I watched the following demo (  RadGrid for ASP.NET AJAX - Declarative Client-Side Binding, Pt. 1 )

What I am trying to figure out is the best approach for a loading spinner icon... I found an example: (  Grid / Programmatic Binding   )
But I can't get the Loading panel to show on mine.

I build the exact same demo (northwind) in the Demo RadGrid for ASP.NET AJAX - Declarative Client-Side Binding, Pt. 1,   I just not sure how to get the loading Spinner to show up via client side code....

Grid

answered on 02 Jul 2012

1 answer

116 views

Custom validator didn't fire when I am using RadMultiPage and tabstrip

I am having my design with radtabstrip and RadMultiPage as follows

<telerik:RadTabStrip ID="rdtabEmployee" runat="server" MultiPageID="rdmpPersonal"

UnSelectChildren="True" Skin="WebBlue" EnableEmbeddedSkins="False" ClickSelectedTab="True"

SelectedIndex="0" OnTabClick="tabClick">

<Tabs>

<telerik:RadTab runat="server" Text="Personal" PageViewID="rdpgPersonal">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Contact" PageViewID="rdpgContact">

</telerik:RadTab>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rdmpPersonal" runat="server">

<telerik:RadPageView ID="rdpgPersonal" runat="server" Selected="true">

<telerik:RadPanelBar runat="server" ID="rdpnlPersonal" ExpandMode="FullExpandedItem"

Skin="Vista" EnableEmbeddedSkins="false" Width="880px">

<Items>

<telerik:RadPanelItem Expanded="true" Text="Employee Personal Information" runat="server"

Selected="true">

<Items>

<telerik:RadPanelItem Value="AccountInformation" runat="server">

<ItemTemplate>

<label>

Demop

</label>

<telerik:RadDatePicker ID="RadDatePicker1" Width="200px" runat="server" MinDate="1900-01-01"

TabIndex="5">

<Calendar ID="Calendar1" RangeMinDate="1900-01-01" runat="server">

</Calendar>

</telerik:RadDatePicker>

<telerik:RadDatePicker ID="radDtHiredate" Width="200px" runat="server" MinDate="1900-01-01"

TabIndex="5">

<Calendar ID="calHire" RangeMinDate="1900-01-01" runat="server">

</Calendar>

</telerik:RadDatePicker>

<asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="validatehiredate"

SetFocusOnError="true" ControlToValidate="RadDatePicker1" ValidationGroup="accountValidation"

ForeColor="Red" Display="Dynamic">Can not Hire Guy less than 18 yrs</asp:CustomValidator>

<br />

<button onclick="javascript: NextDay(event); return false">

Move to next day</button>

<telerik:RadButton ID="rdbtnpersonalSaveNext" ValidationGroup="accountValidation"

OnClick="rdbtnpersonalSaveNext_Click" TabIndex="11" runat="server" Text="Save & Next">

</telerik:RadButton>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPageView>

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

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="FullExpandedItem"

Skin="Vista" EnableEmbeddedSkins="false" Width="880px">

<ItemTemplate>

<asp:TextBox ID="txtDemo" runat="server">

</asp:TextBox>

</ItemTemplate>

</telerik:RadPanelBar>

<label>

Demo Contact

</label>

</telerik:RadPageView>

</telerik:RadMultiPage>

When I click on second Tab and came back to first tab the custom validation which i had written fails, can some one help me..

<telerik:RadCodeBlock runat="server" ID="radcb">

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

function monthDiff(d1, d2) {

var months;

var date1 = new Date(d1);

var date2 = new Date(d2);

return (date1 - date2) / (1000 * 60 * 60 * 24);

return months;

}

//function getLeapYear

function difference(d1, d2) {

var diff = 18 * 12;

var Age = monthDiff(d1, d2);

var compareVal = 365 * 18; //getCompareVal(hiredate,dob);

if (Age >= compareVal) {

return true;

//true

} else {

return false; //false

}

function validatehiredate(value, arg) {

var datePicker = $find('<%= rdpnlPersonal.FindItemByValue("AccountInformation").FindControl("radDtHiredate").ClientID %>');

var datePicker1 = $find('<%= rdpnlPersonal.FindItemByValue("AccountInformation").FindControl("RadDatePicker1").ClientID %>');

var date = datePicker.get_selectedDate();

var date1 = datePicker1.get_selectedDate();

arg.IsValid = (difference(date, date1));

}

</script>

</telerik:RadCodeBlock>

TabStrip

answered on 02 Jul 2012

5 answers

251 views

RadAjaxManager + Asp.net Validators: duplicated messages

Hello,

I'm having trouble using the Asp.net validators with Telerik RadAjaxManager. The messages are "duplicated" after ajax requests.

I have an example to explain.

<telerik:RadScriptManager ID="telerik_ajax_manager" runat="server"/>

<telerik:RadAjaxLoadingPanel ID="ajax_loading_panel" Enabled="true" runat="server" MinDisplayTime="1000" BackColor="#cccccc" Transparency="50"></telerik:RadAjaxLoadingPanel>

<asp:ValidationSummary ID="validator_summary" runat="server" />

<div id="div_test_1" runat="server" style="border-style:solid;border-color:Black;padding:20px;">

Test 1:

<asp:TextBox ID="txt_test_1" runat="server" OnTextChanged="txt_test_1_TextChanged" AutoPostBack="true"></asp:TextBox>

<asp:Literal ID="ltl_test_1" runat="server"></asp:Literal>

<asp:RequiredFieldValidator ID="rfv_test_1" runat="server" ControlToValidate="txt_test_1" Display="None" ErrorMessage="RequiredFieldValidator Test 1"></asp:RequiredFieldValidator>

</div>

<br />

<div id="div_test_2" runat="server" style="border-style:solid;border-color:Black;padding:20px;">

Test 2:

<asp:TextBox ID="txt_test_2" runat="server" OnTextChanged="txt_test_2_TextChanged" AutoPostBack="true"></asp:TextBox>

<asp:Literal ID="ltl_test_2" runat="server"></asp:Literal>

<asp:RequiredFieldValidator ID="rfv_test_2" runat="server" ControlToValidate="txt_test_2" Display="None" ErrorMessage="RequiredFieldValidator Test 2"></asp:RequiredFieldValidator>

</div>

<br />

<asp:Button ID="btn_submit" runat="server" OnClick="btn_submit_Click" Text="Submit" />

<telerik:RadAjaxManager ID="ajax_manager" runat="server" DefaultLoadingPanelID="ajax_loading_panel">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="txt_test_1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="div_test_1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="txt_test_2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="div_test_2" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

protected void Page_Load(object sender, EventArgs e)

{}

protected void btn_submit_Click(object sender, EventArgs e)

{}

protected void txt_test_1_TextChanged(object sender, EventArgs e)

{

ltl_test_1.Text = txt_test_1.Text;

txt_test_1.Text = null;

}

protected void txt_test_2_TextChanged(object sender, EventArgs e)

{

ltl_test_2.Text = txt_test_2.Text;

txt_test_2.Text = null;

}

The page has two updateable areas, each area has a textbox and a Asp.net validator, and each textbox triggers an ajax request updating your area.
If you type something in Test 1, its area will be updated, so if you click the submit button, the summary will show twice the message of the field Test 2 (which has not been updated). Each ajax generates another message.

I verified that this only occurs when the validator is inside an updateable area that is not being updated at this time. Also checked that when you are updating an area, the request create (then duplicating) all the validators that are located in other areas, when the validator is not in an updateable area, it is not created in ajax request.

What could I do?

Ajax

answered on 02 Jul 2012

4 answers

115 views

Rad splitter scrolling

I am currently using a radsplitter between two RadPanes in my application.

Currently , the scrollbars on the individual RadPanes are visible as highlighted in the attached screenshot . However I want that the scrollbars on the individual RadPane should not appears irrespective of the contents in it and use the browser scrolling instead and expand according to content(i.e. even if the contents crosses the screenlimit the Radpane should not enable its scrolling and instead use browser scrollbars).

Is there any way in which the above mentioned requirement can be achieved?

Thanking you in advance

Splitter

answered on 02 Jul 2012

3 answers

170 views

Error Editing Rad Grid

Hi,

I have a rad grid that I am putting into edit mode on row double click. This functionality works great until I put and InsertItemTemplate on any of the fields.

When I put an InsertItemTemplate on any of the fields and then double click the row to put it into edit mode I get the following javascript error.

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

   _endPostBack: function PageRequestManager$_endPostBack(error, executor, data) {
        if (this._request === executor.get_webRequest()) {
            this._processingRequest = false;
            this._additionalInput = null;
            this._request = null;
        }

        var eventArgs = new Sys.WebForms.EndRequestEventArgs(error, data ? data.dataItems : {}, executor);
        Sys.Observer.raiseEvent(this, "endRequest", eventArgs);
        if (error && !eventArgs.get_errorHandled()) {
            throw error;
        }
    },

Below is a stripped down version of my grid. Can you please take a look and tell me what I am doing wrong.
Thank you for you assistance.

Tracy

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="QBF PRJ Forecasting Bak1.aspx.vb" Inherits="IPS_Gateway.QBF_PRJ_Forecasting_Bak1" %>

<!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 id="Head1" runat="server">

<title></title>

</head>

<script src="../../Scripts/ControlSelectOnFocus.js" type="text/javascript"></script>

<script type="text/javascript" >

function RowDblClick(sender, eventArgs) {

editedRow = eventArgs.get_itemIndexHierarchical();

$find("<%= rgvMainGrid.ClientID %>").get_masterTableView().editItem(editedRow);

}

function CancelEdit(sender, args) {

var c = confirm("Are you sure you want to cancel your changes>");

if (c == true) {

$find("<%= rgvMainGrid.ClientID %>").get_masterTableView().cancelAll();

}

function GridCommand(sender, args) {

if (args.get_commandName() != "Edit") {

editedRow = null;

}

</script>

<body>

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

<act:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true" AsyncPostBackTimeOut="600"/>

<telerik:RadWindowManager ID="rwmManager" runat="server"></telerik:RadWindowManager>

<asp:SqlDataSource ID="SQLDS_ForecastedCostEntry" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_ForecastedHoursEntry-Sel]" />

<asp:SqlDataSource ID="SQLDS_ForecastedCostUpdate" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_ForecastedHoursEntry-Ins-Upd]" />

<asp:panel ID="pnlPage" runat="server" cssClass="css_GPC01_Panel_MainContent">

<wuc:PageHeader id="wucPageHeader" runat="server"></wuc:PageHeader>

<asp:Panel ID="pnlPageContent" runat="server" cssClass="css_GPC01_Panel_PageContent" >

<telerik:RadAjaxPanel ID="rapMainGrid" runat="server">

<telerik:RadGrid ID="rgvMainGrid" runat="server" DataSourceID="SQLDS_ForecastedCostEntry"

EnableEmbeddedSkins="true" Skin="Office2010Silver" Height="400px" Width="1230px"

EnableViewState="true" AutoGenerateColumns="false" AllowMultiRowSelection="false"

AllowAutomaticDeletes="false" AllowAutomaticInserts="true" AllowAutomaticUpdates="true" EnableLinqExpressions="false"

EnableHeaderContextMenu="true"

AllowFilteringByColumn="false"

AllowPaging="true" PageSize="1000">

<HeaderStyle Font-Bold="true" HorizontalAlign ="Center" VerticalAlign="Middle" Wrap="false" font-size="10px"/>

<ItemStyle HorizontalAlign="Right" />

<AlternatingItemStyle HorizontalAlign="Right" />

<HeaderStyle HorizontalAlign="Center" Width="40px"/>

<PagerStyle AlwaysVisible="true" Mode="NextPrevNumericAndAdvanced"/>

<FooterStyle HorizontalAlign="Right" />

<ClientSettings AllowColumnsReorder="true" AllowDragToGroup="false" AllowColumnHide="false" ReorderColumnsOnClient="true" EnablePostBackOnRowClick="false" AllowExpandCollapse="true"

EnableRowHoverStyle = "true" >

<ClientEvents OnCommand="GridCommand" OnRowDblClick="RowDblClick" />

<Selecting AllowRowSelect="true" />

<Resizing AllowColumnResize="True" AllowRowResize="False" ResizeGridOnColumnResize="false" EnableRealTimeResize="True" ></Resizing>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="4" />

</ClientSettings>

<MasterTableView DataSourceID="SQLDS_ForecastedCostEntry" Name="MasterGrid"

EnableViewState="true" ShowFooter="true" ShowGroupFooter="true" ShowHeadersWhenNoRecords="true"

EditMode="InPlace" CommandItemDisplay="Top" TableLayout="Fixed"

<CommandItemTemplate>

<asp:Table ID="tblCommandTemplate" runat="server" Width="1230px" CellSpacing="0" CellPadding="0">

<asp:TableRow ID="trowCommandTemplate1" Height="25px" runat="server" style="display:block;" >

<asp:TableCell >

<telerik:RadButton ID="rbtAdd" runat="server" CommandName="InitInsert" Skin="Transparent" Text="Add"

Icon-PrimaryIconURL="<%$ Resources:Images,AddRecord16%>"    style="position:absolute;left:10px;font-size:12px;"  ToolTip="Add New Record"       />

<telerik:RadButton ID="rbtCancel" runat="server" OnClientClicked="CancelEdit" Skin="Transparent" Text="Cancel"

Icon-PrimaryIconURL="<%$ Resources:Images,CancelRecord16%>" style="position:absolute;left:10px;font-size:12px;"  ToolTip="Cancel Add/Edit"    Visible='<%# rgvMainGrid.EditIndexes.Count > 0 Or rgvMainGrid.MasterTableView.IsItemInserted %>'    AutoPostBack="false" />

<telerik:RadButton ID="rbtSaveNew" runat="server" CommandName="PerformInsert" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save New Record"    Visible='<%# rgvMainGrid.MasterTableView.IsItemInserted%>'                                           />

<telerik:RadButton ID="rbtSave" runat="server" CommandName="UpdateEdited" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save Edited Record" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 AND Not rgvMainGrid.MasterTableView.IsItemInserted%>'/>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn DataField="Job" UniqueName="Job" HeaderText="Job" />

<telerik:GridBoundColumn UniqueName="Extra" DataField="Extra" Display="true" />

<telerik:GridBoundColumn DataField="CostCode" UniqueName="CostCode" HeaderText="Cost Code" HeaderStyle-Width="70px" ItemStyle-HorizontalAlign="Left" ReadOnly="true" />

<telerik:GridTemplateColumn UniqueName="EmployeeName" HeaderText="EmployeeName" DataField="EmployeeName" HeaderStyle-Width="150px" >

<ItemTemplate>

<asp:Label ID="lblEmployeeName" runat="server" Text='<%# Bind("EmployeeName") %>' />

</ItemTemplate>

<InsertItemTemplate>

<asp:TextBox ID="txtTest" runat="server" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<telerik:GridNumericColumnEditor ID="HrsEditor" runat="server" >

</telerik:GridNumericColumnEditor>

</asp:Panel>

</asp:panel>

</form>

</body>

</html>

Grid

answered on 02 Jul 2012

0 answers

119 views

ExportToCSV() not working properly

Hello all,

I am trying to develop an application that allows user to search and filter through the whole list of reports and grabs the rows and data the user wants and then allowing the user to export to CSV for documentation, but it appears that when I use the function radGrid2.MasterTableView.ExportToCSV(); it doesnt seem to export, but instead it appears on the page itself. I have tried to bind another static radgrid, a pop up appears allowing user to save or open, subsequently i suspected that it could be due to the grid image or null cells that could cause the issue but it did not as i stripped them all off. It did not help at all still.

i have attached a screenshot of the output of the button click, instead a pop up that allows user to save or open file, it appears on the web application itself.
output csv

my code is as below:
<telerik:RadGrid ID="RadGrid1" Width="100%" Height="100%" EnableEmbeddedSkins="false"
Skin="PQWS" AllowPaging="True" runat="server" GridLines="None" CellSpacing="0"
AutoGenerateColumns="False" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCommand="RadGrid1_ItemCommand"
AllowSorting="true" OnSortCommand="RadGrid1_SortCommand" OnPageIndexChanged="RadGrid1_PageIndexChanged">
<PagerStyle Mode="NextPrevAndNumeric" />
<ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="True" />
</ClientSettings>
<ExportSettings>
<Csv ColumnDelimiter="Comma" RowDelimiter="NewLine" FileExtension="TXT" EncloseDataWithQuotes="false" />
</ExportSettings>
<MasterTableView Width="100%" AutoGenerateColumns="False" DataKeyNames="CRN" AllowMultiColumnSorting="true">
<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 HeaderStyle-HorizontalAlign="Center"
HeaderText="1" UniqueName="New" AllowFiltering="false">
<ItemTemplate>
<asp:Image ID="HighLight_Image" runat="server" ImageUrl="~/_layouts/PQWS/images/Highlight.gif" AlternateText="AltText" />
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center"
HeaderText="2" AllowFiltering="false" UniqueName="TrafficLight">
<ItemTemplate>
<asp:Image ID="TrafficLight_Image" runat="server" Visible="false" AlternateText="AltText"/>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="ReadFlag" UniqueName="ReadFlag" Visible="FALSE" />
<telerik:GridBoundColumn HeaderText="" DataField="HoldingReplySent" UniqueName="HoldingReplySent"
Visible="FALSE" />
<telerik:GridBoundColumn DataField="CRN" HeaderText="CRN" UniqueName="CRN" HeaderStyle-Width="12%" ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif" />
<telerik:GridBoundColumn HeaderText="Name" DataField="Name" UniqueName="Name" ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle Width="15%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Description" DataField="Description" UniqueName="CaseType"
ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif"/>
<telerik:GridBoundColumn HeaderText="Start Date" DataField="StartDate" DataFormatString="{0:dd-MMM-yyyy}" UniqueName="StartDate"
ShowSortIcon="true" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle HorizontalAlign="Center" Width="10%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Closed Date" DataField="ClosedDate" DataFormatString="{0:dd-MMM-yyyy}" UniqueName="ClosedDate" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle HorizontalAlign="Center" Width="10%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Elapsed Day(s)/Case Turnaround Time" DataField="DaysPending"
UniqueName="DaysPending" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Department(s) Assigned" DataField="DepartmentsAssigned"
UniqueName="DepartmentAssigned" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif"/>
<telerik:GridBoundColumn HeaderText="Status" DataField="Status" UniqueName="Status" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif">
<HeaderStyle Width="15%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="UploadedToPQL" UniqueName="UploadedToPQL" Visible="false" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif"/>
<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="100px"
HeaderText="Action" AllowFiltering="false" SortAscImageUrl="~/_layouts/PQWS/images/arr_up.gif" SortDescImageUrl="~/_layouts/PQWS/images/arr_dn.gif" UniqueName="Action">
<ItemTemplate>
<asp:ImageButton ID="ImageUpload" Width="20" runat="server" ImageUrl="~/_layouts/PQWS/images/Upload.png"
CommandName="Upload" AlternateText="AltText" /> <asp:ImageButton ID="ImageClose" Width="20" runat="server" ImageUrl="~/_layouts/PQWS/images/Close.PNG"
CommandName="Close" AlternateText="AltText"/>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="8%" />
<ItemStyle HorizontalAlign="Center" />
<%-- <ItemStyle HorizontalAlign="Center" />--%>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

Grid

asked on 02 Jul 2012