Questions on UI for ASP.NET AJAX Forum

6 answers

299 views

How to change cursor when drag in RadGrid

How do I change the cursor in the radgrid when drag with some checking?

I'm able to use document.body.style.cursor= "hand", but the row does apply.

Thanks in advance.

Grid

answered on 24 Nov 2010

5 answers

136 views

Coverflow - text under pictures

Is it possible to display text under each pictures in coverflow mode?

Rotator

answered on 24 Nov 2010

2 answers

143 views

Binding Rad chart using Data set

Hi,
I am using two tables in a data set. I need to bind these two tables in two different rad charts.
Is it possible ?
If so can you please explain the steps to achieve this ?

Chart (Obsolete)

answered on 24 Nov 2010

1 answer

198 views

Loading word document into RadEditor

I have requirement in web project to be able to load a word document, edit it and save it back to the server.

Will RadEditor allow me to do it?
How can an load the word document in RadEditor?
Only option I saw was to export the content of RadEditor to PDF or RTF. Is there an option to save the contents as word document?

Please let me know ASAP.
msoor

Editor

answered on 24 Nov 2010

1 answer

81 views

Right Click on ContextMenu will trigger OnRowDragStarted

I have the RadGrid with drag and drop function and context menu. When I select multiple rows and right click, the context menu shown and the "no access" cursor is also appear (change of "no access" cursor is in ongriddragstarted event).

How do I stop triggering the OnRowDragStarted when right click on the selected multiple rows? Thanks!!

aspx:

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

<html>

<head runat="server">

<title></title>

<style type="text/css">

.noAccessCursor, .noAccessCursor *

{

cursor:url('noaccess.cur'), default !important;

}

</style>

</head>

<body>

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

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

<telerik:RadScriptBlock runat="server" ID="ScriptBlock">

<script type="text/javascript">

function gridRowContextMenu(sender, args)

{

// remove the cursor cause but the onrowdragstarted

Sys.UI.DomElement.removeCssClass(document.documentElement, "noAccessCursor");

var evt = args.get_domEvent();

if(evt.target.tagName == "INPUT" || evt.target.tagName == "A")

return;

var menu = $find("<%= ContextMenu1.ClientID %>");

menu.show(evt);

//evt.cancelBubble = true;

//evt.returnValue = false;

//if (evt.stopPropagation)

//{

// evt.stopPropagation();

// evt.preventDefault();

//}

}

var destTaxonomyID;

//var expandedNodes = [];

function gridRowDropping(sender, args)

{

args.set_cancel(true);

alert("Dropped");

// reset the cursor to default

Sys.UI.DomElement.removeCssClass(document.documentElement, "noAccessCursor");

}

function gridRowDragStarted(sender, args)

{

Sys.UI.DomElement.addCssClass(document.documentElement, "noAccessCursor");

}

</script>

</telerik:RadScriptBlock>

<telerik:RadContextMenu ID="ContextMenu1" runat="server" Skin="Vista">

<Items>

<telerik:RadMenuItem Text="Menu 1" />

<telerik:RadMenuItem Text="Menu 2" />

</Items>

<Targets>

<telerik:ContextMenuControlTarget ControlID="GridDocument" />

</Targets>

</telerik:RadContextMenu>

<telerik:RadGrid ID="Grid1" runat="server" AutoGenerateColumns="False" Skin="Vista"

AllowPaging="True" AllowSorting="True" AllowMultiRowSelection="true" GridLines="None"

Width="100%" Height="345px" BorderWidth="0px" OnRowDrop="Grid1_RowDrop">

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

<MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID" TableLayout="Fixed">

<Columns>

<telerik:GridBoundColumn DataField="Title" HeaderText="Title" UniqueName="Title">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="True" AllowRowsDragDrop="true">

<Selecting AllowRowSelect="True"></Selecting>

<ClientEvents OnRowContextMenu="gridRowContextMenu" OnRowDropping="gridRowDropping"

OnRowDragStarted="gridRowDragStarted" />

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

<Resizing AllowColumnResize="True" EnableRealTimeResize="true" ClipCellContentOnResize="true">

</Resizing>

</ClientSettings>

</telerik:RadGrid>

</form>

</body>

</html>

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

DataTable tb = new DataTable();

tb.Columns.Add("ID");

tb.Columns.Add("Title");

for (int i = 0; i < 10; i++)

{

DataRow row = tb.NewRow();

row["ID"] = i;

row["Title"] = "Title " + i;

tb.Rows.Add(row);

}

Grid1.DataSource = tb;

Grid1.DataBind();

}

protected void Grid1_RowDrop(object sender, GridDragDropEventArgs e)

{

}

Grid

answered on 24 Nov 2010

1 answer

84 views

How to disabled the checkbox of specific rad grid row

Hi,

How to disabled the specific row’s checkbox of radgrid control based on value /text of the grid column. It should not allowed me to check the checkbox if I click on the checkall.

Grid

answered on 24 Nov 2010

7 answers

389 views

Display Total in footer

I have a main Grid and inside the item template of that grid i have placed 6 grids.
I have done this as i have to export to excel all the six grids data into one excel. This is working fine. The thing i am not able to figure out is how to display the total for some of the columns of my first grid.
below is my code block for the first grid.

<telerik:RadGrid ID="radGridWrapper" runat="server" Skin="Web20" ShowHeader="false" BorderStyle="None" Width="100%"

onexcelmlexportstylescreated="radGridWrapper_ExcelMLExportStylesCreated" onexcelmlexportrowcreated="radGridWrapper_ExcelMLExportRowCreated" >

<ExportSettings OpenInNewWindow="true" />

<MasterTableView AutoGenerateColumns="true" CellSpacing="-1">

<ItemTemplate>

<h4 style="font-weight:bold;color:Black; width:100%;height:15px" align="left" > Manpower Summary<asp:Label ID="lblmansummary" runat="server" Visible="false" ></asp:Label></h4>

<telerik:RadGrid ID="grdmanpower" runat="server"

OnNeedDataSource="RadGrid_NeedDataSource" AutoGenerateColumns="False"

CellSpacing="1" GridLines="Vertical" Width="100%" AllowSorting="true" Skin="Web20"

HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Underline="true" HeaderStyle-Wrap="false"

HeaderStyle-Font-Bold="true" HeaderStyle-Font-Names="Arial" FooterStyle-HorizontalAlign="Right" FooterStyle-Font-Bold="true"

PagerStyle-Wrap="false" OnItemDataBound="grdmanpower_ItemDataBound" OnColumnCreated="grdmanpower_ColumnCreated" >

<ItemStyle Font-Names="Arial"></ItemStyle>

<AlternatingItemStyle Font-Names="Arial" />

<MasterTableView AutoGenerateColumns="false" ShowFooter="true" UseAllDataFields="true">

<Columns>

<telerik:GridBoundColumn DataField="Project Name" HeaderText="Project Name" ItemStyle-Wrap="false" DataFormatString="{0:f1}" UniqueName="Project Name" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Total Hours Booked (including OT)"

HeaderText="Total Hours Booked<br/>(including OT)" DataFormatString="{0:f1}" UniqueName="Total Hours Booked (including OT)" ></

telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Booked Manpower (including OT,Abs and WO)"

HeaderText="Booked Manpower<br/>(including OT,Abs and WO)" UniqueName="Booked Manpower (including OT,Abs and WO)" ItemStyle-Width = "14%" DataFormatString="{0:f1}" ></

telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Present" HeaderText="Present" ItemStyle-Width = "14%" DataFormatString="{0:f1}" UniqueName="Present" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Abs" HeaderText="Abs" ItemStyle-Width = "14%" DataFormatString="{0:f1}" UniqueName="Abs"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Weekly Off" HeaderText="Weekly Off" ItemStyle-Width = "16%" DataFormatString="{0:f1}" UniqueName="Weekly Off"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Training" HeaderText="Training" ItemStyle-Width = "14%" DataFormatString="{0:f1}" UniqueName="Training"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Abs %" HeaderText="Abs %" ItemStyle-Width = "14%" DataFormatString="{0:f1}" UniqueName="Abs %"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</MasterTableView>

</telerik:RadGrid>

In this excluding the first column i.e. project name i want to display the total for all the other columns.
I tried to use Column created event.

if (e.Column is GridBoundColumn)

{

if (col.UniqueName != "Project Name")

{

col.Aggregate = GridAggregateFunction.Sum;

col.FooterText = " ";

col.HeaderStyle.Width = Unit.Pixel(30);

col.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

but this is not working please let me know how i can go about doing this i.e. in any other event like itemdatabound or something please let me know....

Grid

answered on 24 Nov 2010

3 answers

258 views

Trying to add a value to a RadListBox

I took your sample ListBoxInItemComboTemplate and modified to have the listbox populated with data from a datasource. That works fine. I need to add an item "ALL" and what I'm hoping to do is to check if the user selected "ALL" then turn off the other items in the listbox. Would that be done on the client side?

<td><telerik:RadComboBox ID="ObjectiveCombo" Runat="server"

DataTextField="ObjectiveName"

DataValueField="ObjectiveID" Skin="Office2007" Width="487px"

OnClientDropDownClosed = "onObjectiveDDClosed"

>

<Items><telerik:RadComboBoxItem Text="" />

</Items>

<ItemTemplate>

<div id="div1">

<telerik:RadListBox ID="RadListBox1" runat="server" Width="100%" SelectionMode="Multiple"

OnClientSelectedIndexChanged="onSelectedIndexChangedObjective"

DataSourceID="ObjectiveDS" DataTextField="ObjectiveName"

DataValueField="ObjectiveID">

</telerik:RadListBox>

</div>

<script type="text/javascript">

var div1 = document.getElementById("div1");

div1.onclick = stopPropagation;

</script>

</ItemTemplate>

</telerik:RadComboBox>

This is what I have. The listbox is inside an item template.

Also, I was trying to find out how many items I have selected in my listbox when the dropdown closes. The get_value() call works but the get_count() gives an error.

function onObjectiveDDClosed(sender, eventArgs) {

var text = "";

var value = "";

var comboBox = $find("<%= ObjectiveCombo.ClientID %>");

var items = comboBox.get_items().getItem(0).get_value();

var num = comboBox.get_items().getItem(0).get_count();

alert(num);

var total = items.split(",");

alert(total.length);

}

This client-side stuff is a little new for me. It's frustrating when you know what you want, but you struggle with a new language.

ComboBox

answered on 24 Nov 2010

1 answer

106 views

Google like combobox in details table for hierarchy grid

I would like to know how to create google like radcombobox in the details table for insert and edit mode in the hierarchical grid.
Please help.

<telerik:RadGrid ID="RadGridFunding" runat="server" AllowPaging="True" AllowSorting="True" GridLines="None"

PageSize="10" AutoGenerateColumns="False" AllowMultiRowSelection="False" DataSourceID="SqlDsLineItem" ShowFooter="true">

<MasterTableView HierarchyDefaultExpanded="false" InsertItemPageIndexAction="ShowItemOnFirstPage"

HierarchyLoadMode="Client" DataKeyNames="LineItemNumber" Name="Main" Width="100%"

DataSourceID="SqlDsLineItem" ShowGroupFooter="true">

<DetailTables>

<telerik:GridTableView runat="server" DataKeyNames="FundingID, LineItemNumber" CommandItemDisplay="Top"

Name="Detail" DataSourceID="SqlDsFunding" AllowAutomaticUpdates="true" AllowAutomaticInserts="true" ShowFooter="true" >

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="LineItemNumber" MasterKeyField="LineItemNumber" />

</ParentTableRelation>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<HeaderStyle Width="20px" />

</telerik:GridEditCommandColumn>

<telerik:GridTemplateColumn HeaderText="Line Item Number" SortExpression="LineItemNumber" UniqueName="LineItemNumber" Aggregate="Count" FooterText="Total Line Items: " FooterStyle-Font-Bold="true">

<ItemTemplate>

<asp:Label runat="server" ID="lblLineItemNumber" Text='<%# Eval("LineItemNumber") %>' ></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<span><telerik:RadTextBox runat="server" ID="txtRadLineItemNumber" Text='<%# Bind("LineItemNumber") %>' Skin="Default" ReadOnly="true" ></telerik:RadTextBox></span>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Operating Unit" SortExpression="OperatingUnit" UniqueName="OperatingUnit" >

<ItemTemplate>

<asp:Label runat="server" ID="lblOperatingUnit" Text='<%# Eval("OperatingUnit") %>' ></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<span>

<telerik:RadComboBox ID="cboRadOpUnit" runat="server" Height="200px" DropDownWidth="400px"

MarkFirstMatch="true" DataSourceID="SqlDsOpUnit" EnableLoadOnDemand="true" SelectedValue='<%# Bind("OperatingUnit") %>'

HighlightTemplatedItems="true" DataTextField="OperatingUnitID" DataValueField="OperatingUnitID"

OnItemsRequested="cboRadOpUnit_ItemsRequested" ToolTip="Select Operating Unit" EmptyMessage="Select..."

OnSelectedIndexChanged="cboRadOpUnit_OnSelectedIndexChangedHandler" AppendDataBoundItems="true">

<Items>

<telerik:RadComboBoxItem runat="server" Selected="True" Text="Select..." Value="0" />

</Items>

<HeaderTemplate>

<table style="width: 400px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 50px;">ID</td>

<td style="width: 300px;">OPERATING UNIT</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 400px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 50px;"><%#DataBinder.Eval(Container.DataItem, "OperatingUnitID")%></td>

<td style="width: 300px;"><%#DataBinder.Eval(Container.DataItem, "OperatingUnit")%></td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox></span>

<span style="color: Red; font-size: x-small">

<asp:RequiredFieldValidator runat="server" ID="rfvOpUnit" ControlToValidate="cboRadOpUnit"

InitialValue="Select..." ErrorMessage="Required" Display="Dynamic" /></span>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Account#" SortExpression="AccountNumber" UniqueName="AccountNumber" >

<ItemTemplate>

<asp:Label runat="server" ID="lblAccountNumber" Text='<%# Eval("AccountNumber") %>' ></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<span>

<telerik:RadComboBox ID="cboRadAcctNum" runat="server" Height="200px" DropDownWidth="400px"

MarkFirstMatch="true" DataSourceID="SqlDsAcctNum" EnableLoadOnDemand="true" SelectedValue='<%# Bind("AccountNumber") %>'

HighlightTemplatedItems="true" DataTextField="AccountNum" DataValueField="AccountNum"

OnItemsRequested="cboRadAcctNum_ItemsRequested" ToolTip="Select Account Number"

OnSelectedIndexChanged="cboRadAcctNum_OnSelectedIndexChangedHandler" AppendDataBoundItems="true">

<Items>

<telerik:RadComboBoxItem runat="server" Selected="True" Text="Select..." Value="0" />

</Items>

<HeaderTemplate>

<table style="width: 400px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 70px;">ACCT NUM</td>

<td style="width: 300px;">DESCRIPTION</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 400px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 70px;"><%#DataBinder.Eval(Container.DataItem, "AccountNum")%></td>

<td style="width: 300px;"><%#DataBinder.Eval(Container.DataItem, "AccountDesc")%></td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox></span>

<span style="color: Red; font-size: x-small">

<asp:RequiredFieldValidator runat="server" ID="rfvRadAcctNum" ControlToValidate="cboRadAcctNum"

InitialValue="Select..." ErrorMessage="Required" Display="Dynamic" /></span>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Department" SortExpression="Department" UniqueName="Department" >

<ItemTemplate>

<asp:Label runat="server" ID="lblDept" Text='<%# Eval("Department") %>' ></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<span>

<telerik:RadComboBox ID="cboRadDept" runat="server" Height="200px" DropDownWidth="400px"

MarkFirstMatch="true" DataSourceID="SqlDsDept" EnableLoadOnDemand="true" SelectedValue='<%# Bind("Department") %>'

HighlightTemplatedItems="true" DataTextField="DepartmentID" DataValueField="DepartmentID"

OnItemsRequested="cboRadDept_ItemsRequested" ToolTip="Select Department"

OnSelectedIndexChanged="cboRadDept_OnSelectedIndexChangedHandler" AppendDataBoundItems="true">

<Items>

<telerik:RadComboBoxItem runat="server" Selected="True" Text="Select..." Value="0" />

</Items>

<HeaderTemplate>

<table style="width: 400px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 70px;">ID</td>

<td style="width: 300px;">DEPT</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 400px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 70px;"><%#DataBinder.Eval(Container.DataItem, "DepartmentID")%></td>

<td style="width: 300px;"><%#DataBinder.Eval(Container.DataItem, "DepartmentName")%></td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox></span>

<span style="color: Red; font-size: x-small">

<asp:RequiredFieldValidator runat="server" ID="rfvRadDept" ControlToValidate="cboRadDept"

InitialValue="Select..." ErrorMessage="Required" Display="Dynamic" /></span>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn ButtonType="ImageButton"/>

</EditFormSettings>

</telerik:GridTableView>

</DetailTables>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<ExpandCollapseColumn Visible="True">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="LineItemNumber" DataType="System.Int64"

HeaderText="Line Item Number" SortExpression="LineItemNumber"

UniqueName="LineItemNumber" Aggregate="Count" FooterText="Total Item: " FooterStyle-Font-Bold="true">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowExpandCollapse="true" EnableRowHoverStyle="true">

<Selecting AllowRowSelect="True" />

</ClientSettings>

</telerik:RadGrid>

</td>

Thank you.

ComboBox

answered on 24 Nov 2010

4 answers

176 views

error when selecting item out of RadComboBox which includes é

Hey,

I'm using the RadComboBox, if I select an user out of the list it works all fine, but if this user contains é and I wanna change to any other user and click therefor again on the combo box an alert appears. (See attached pic)
Do you know how to avoid this?

Greetings

ComboBox

answered on 24 Nov 2010