Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

implemented the telerik rad editor in production over the weekend and have two calls so far that the text is disappearing when the form is submitted. Running a asp.net 4.5 project here with ajax.

I took the one call myself. The user can't even right click in the editor this was the case in IE, chrome and firefox. CTRL + V did work when attempting to paste, but when the form was submitted the content was cleared - it was also cleared when content was directly typed it. The content does show in the box it just gets cleared when the form is submitted.

I wasn't able to duplicate this on my PC or another PC. But then we got another call with the same issue.

Has anyone come across this?

Editor

answered on 10 Jul 2014

4 answers

174 views

RadToolTip Response Error

Hi,

I am using RadToolTipManager and it appears when the user hovers the mouse on a treeview node but I am getting this error. Any Help would be greatly appreciated.

RadToolTipManager response error:
Exception=Sys.InvalidOperationException: Could not find UpdatePanel with ID 'dnn_RibbonBar.ascx_AddMod_UpdateAddModule'. If it is being updated dynamically then it must be inside another UpdatePanel.

Protected Sub RadToolTipmanager_AjaxUpdate(ByVal sender As Object, ByVal e As ToolTipUpdateEventArgs)

Dim roleName As String = e.Value

Dim listOfUsersInToolTip As New RadListBox

Dim label As New Label

listOfUsersInToolTip.Width = 150

listOfUsersInToolTip.Height = 200

If IsUserRole(e.Value) Then

Dim sql As String = "select UserId, TeamId from FF_UserTeamMapping where TeamId = (select ID from FF_Team where TeamName = '" & e.Value & "')"

Dim dt As DataTable = DNNDB.Query(sql)

'Dim usersList As ArrayList = rc.GetUserRolesByRoleName(DNN.GetPMB(Me).PortalId, roleName)

If dt IsNot Nothing And dt.Rows.Count <> 0 Then

For Each row As DataRow In dt.Rows

Dim nUserId As Integer = row("UserId")

Dim userInfo As UserInfo = DotNetNuke.Entities.Users.UserController.GetUserById(DNN.GetPMB(Me).PortalId, nUserId)

listOfUsersInToolTip.Items.Add(New RadListBoxItem(userInfo.Username, userInfo.UserID))

Next

listOfUsersInToolTip.Sort = RadListBoxSort.Ascending

listOfUsersInToolTip.SortItems()

RadToolTipManager.Width = "150"

RadToolTipManager.Height = "200"

RadToolTipManager.Position = ToolTipPosition.TopRight

listOfUsersInToolTip.BackColor = Color.DimGray

listOfUsersInToolTip.ID = Guid.NewGuid().ToString()

e.UpdatePanel.ContentTemplateContainer.Controls.Add(listOfUsersInToolTip)

End If

Else

For Each role As RadComboBoxItem In cmbRoleName.Items

Dim userInfo As UserInfo = DotNetNuke.Entities.Users.UserController.GetUserByName(DNN.GetPMB(Me).PortalId, e.Value)

Dim found = FindUserInTeam(role.Value, userInfo.UserID)

If found Then

label.Text = e.Value & " belongs to " & role.Text

RadToolTipManager.Width = "160"

RadToolTipManager.Height = "50"

RadToolTipManager.BackColor = Color.DimGray

listOfUsersInToolTip.BackColor = Color.DimGray

listOfUsersInToolTip.ID = Guid.NewGuid().ToString()

e.UpdatePanel.ContentTemplateContainer.Controls.Add(label)

Exit For

Else

label.Text = e.Value & " doesn't belong to any team"

RadToolTipManager.Width = "160"

RadToolTipManager.Height = "50"

RadToolTipManager.BackColor = Color.DimGray

listOfUsersInToolTip.BackColor = Color.DimGray

listOfUsersInToolTip.ID = Guid.NewGuid().ToString()

e.UpdatePanel.ContentTemplateContainer.Controls.Add(label)

End If

Next

End If

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="PS_UserJobMapping.ascx.vb"

Inherits="PS_UserJobMapping" %>

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

<%@ Register TagPrefix="Portal" Namespace="DotNetNuke.Security.Permissions.Controls"

Assembly="DotNetNuke" %>

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

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

<script type="text/javascript">

//indicates whether the user is currently dragging a listbox item

var listBoxDragInProgress = false;

//indicates whether the user is currently dragging a tree node

var treeViewDragInProgress = false;

//select the hovered listbox item if the user is dragging a node

function onListBoxMouseOver(sender, args) {

if (treeViewDragInProgress) {

args.get_item().select();

}

//select the hovered tree node if the user is dragging a listbox item

function onTreeViewMouseOver(sender, args) {

if (listBoxDragInProgress) {

args.get_node().select();

}

//////////////// radtooltip code for move over ///////////////

var nodeElem = args.get_node();

if (nodeElem.get_level() != 0) {

var node = nodeElem.get_textElement();

var tooltipManager = $find("<%= RadToolTipManager.ClientID%>");

//If the user hovers the image before the page has loaded, there is no manager created

if (!tooltipManager) return;

//Find the tooltip for this element if it has been created

var tooltip = tooltipManager.getToolTipByElement(node);

//Create a tooltip if no tooltip exists for such element

if (!tooltip) {

tooltip = tooltipManager.createToolTip(node);

tooltip.set_value(nodeElem.get_text());

tooltip.show();

}

//unselect the item if the user is dragging a node

function onListBoxMouseOut(sender, args) {

if (treeViewDragInProgress) {

args.get_item().unselect();

}

//unselect the node if the user is dragging a listbox item

function onTreeViewMouseOut(sender, args) {

if (listBoxDragInProgress) {

args.get_node().unselect();

}

//indicate that the user started dragging a listbox item

function onListBoxDragStart(sender, args) {

listBoxDragInProgress = true;

}

//indicate that the user started dragging a tree node

function onTreeViewDragStart(sender, args) {

treeViewDragInProgress = true;

}

//handle the drop of the listbox item

function onListBoxDropping(sender, args) {

//indicate that the user stopped dragging

listBoxDragInProgress = false;

document.body.style.cursor = "";

//restore the cursor to the default state

document.body.style.cursor = "";

//get the html element on which the item is dropped

var target = args.get_htmlElement();

//if dropped on the listbox itself return.

if (isOverElement(target, "<%= lstUsers.ClientID %>")) {

return;

}

//check if dropped on the treeview

var target = isOverElement(target, "<%= tvUsersInJobStages.ClientID %>");

//if not cancel the dropping event so it does not postback

if (!target) {

args.set_cancel(true);

return;

}

//the item was dropped on the treeview - set the htmlElement.

//it can be later accessed via the HtmlElementID property of the RadListBox

args.set_htmlElement(target);

}

//handle the drop of the tree node

function onTreeViewDropping(sender, args) {

//indicate that the user stopped dragging

treeViewDragInProgress = false;

//restore the cursor to the default state

document.body.style.cursor = "";

//get the html element on which the node is dropped

var target = args.get_htmlElement();

//if dropped on the treeview itself return.

if (isOverElement(target, "<%= tvUsersInJobStages.ClientID %>")) {

return;

}

//check if dropped on the listbox

var target = isOverElement(target, "<%= lstUsers.ClientID %>");

//if not cancel the dropping event so it does not postback

if (!target) {

args.set_cancel(true);

return;

}

//the node was dropped on the listbox - set the htmlElement.

//it can be later accessed via the HtmlElementID property of the RadTreeNodeDragDropEventArgs

args.set_htmlElement(target);

}

//chech if a given html element is a child of an element with the specified id

function isOverElement(target, id) {

while (target) {

if (target.id == id)

break;

target = target.parentNode;

}

return target;

}

function checkDropTargets(target) {

if (isOverElement(target, "<%= lstUsers.ClientID %>") || isOverElement(target, "<%= tvUsersInJobStages.ClientID %>")) {

//if the mouse is over the treeview or listbox - set the cursor to default

document.body.style.cursor = "";

} else {

//else set the cursor to "no-drop" to indicate that dropping over this html element is not supported

document.body.style.cursor = "no-drop";

}

//update the cursor if the user is dragging the item over supported drop target - listbox or treeview

function onListBoxDragging(sender, args) {

checkDropTargets(args.get_htmlElement());

}

//update the cursor if the user is dragging the node over supported drop target - listbox or treeview

function onTreeViewDragging(sender, args) {

checkDropTargets(args.get_htmlElement());

}

function CloseActiveToolTip() {

var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (tooltip) tooltip.hide();

}

</script>

</telerik:RadCodeBlock>

<fieldset id="fsMain" runat="server">

<legend class="fieldsetLegend" id="fslgndMain">

<asp:Label ID="lblUserJobMapping" runat="server" Text="Resource Management" />

</legend>

<telerik:RadAjaxLoadingPanel ID="alpUserJobMapping" runat="server" Height="75px"

MinDisplayTime="5" Width="75px">

<asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/Portals/0/Images/LoadingAjax.gif" />

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="rapUserJobMapping" RequestQueueSize="5" runat="server"

Width="100%" EnableOutsideScripts="True" HorizontalAlign="NotSet" ScrollBars="None"

LoadingPanelID="alpUserJobMapping">

<table id="sub1" border="0" cellpadding="0" cellspacing="0" width="100%">

<tr valign="top">

<td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="30%">

<telerik:RadComboBox ID="cmbRoleName" EmptyMessage="- please select team -" runat="server"

AutoCompleteSeparator="true" HighlightTemplatedItems="true" AllowCustomText="true">

<%-- <Items>

<telerik:RadComboBoxItem Value="0" Text="-- Select All Users --">

</Items>

--%>

<ItemTemplate>

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

<tr>

<td>

<asp:CheckBox runat="server" ID="chkRole" AutoPostBack="true" Text="" OnCheckedChanged="chkRole_OnCheckedChanged" />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

</td>

<td width="20%">

</td>

<td>

</td>

</tr>

<%-- <tr>

<td width="20%">

<asp:CheckBox runat="server" ID="chkAllPSUsers" Text="Select All PS Users" AutoPostBack="true"

OnCheckedChanged="chkAllPSUsers_OnCheckedChanged" />

</td>

</tr>

--%>

</table>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="30%">

<asp:Label ID="lblUser" runat="server" Text="Resources"></asp:Label>

</td>

<td width="20%">

</td>

<td>

<asp:Label ID="Label2" runat="server" Text="Stages"></asp:Label>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<telerik:RadToolTipManager HideDelay="1" EnableViewState="false" RelativeTo="Element"

ID="RadToolTipManager" runat="server" EnableShadow="true" OffsetX="15" HideEvent="LeaveToolTip"

BackColor="#ffff66" Position="TopRight" OnAjaxUpdate="RadToolTipmanager_AjaxUpdate"

Style="font-size: 18px; text-align: center; font-family: Arial;" RenderInPageRoot="true">

</telerik:RadToolTipManager>

</td>

</tr>

<tr>

<td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="20%">

<telerik:RadListBox runat="server" ID="lstUsers" Sort="Ascending" EnableDragAndDrop="True" skinn="Vista"

Width="160px" AllowReorder="true" Height="200px" OnClientDropping="onListBoxDropping"

OnClientDragStart="onListBoxDragStart" OnClientMouseOver="onListBoxMouseOver"

BorderColor="#ffff66" BackColor="#ffff66" OnClientMouseOut="onListBoxMouseOut"

OnClientDragging="onListBoxDragging" OnDropped="lstUsers_ItemDropped">

<ButtonSettings ShowReorder="false" />

</telerik:RadListBox>

</td>

<td width="20%">

<div style="height: 200px; overflow: auto; width: 100%;">

<telerik:RadTreeView runat="server" ID="tvUsersInJobStages" EnableDragAndDrop="True"

OnClientMouseOver="onTreeViewMouseOver" OnClientMouseOut="onTreeViewMouseOut"

OnClientNodeDragStart="onTreeViewDragStart" OnClientNodeDropping="onTreeViewDropping"

OnNodeDrop="tvUsersInJobStages_NodeDrop" OnClientNodeDragging="onTreeViewDragging"

OnContextMenuItemClick="tvUsersInJobStages_ContextMenuItemClick">

<ContextMenus>

<telerik:RadTreeViewContextMenu runat="server" ID="HelpDeskMenu" ClickToOpen="True"

Skin="Vista">

<Items>

<telerik:RadMenuItem Text="Remove From Stage" Value="Remove">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Remove From All Stages" Value="Remove All">

</telerik:RadMenuItem>

</Items>

</telerik:RadTreeViewContextMenu>

</ContextMenus>

</telerik:RadTreeView>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnSave" runat="server" Text="Save" />

<asp:Button ID="btnCancel" runat="server" Text="Cancel" />

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</fieldset

ToolTip

answered on 10 Jul 2014

1 answer

181 views

Unable to set default skin

I have a global theme with all grid having the same skin like this:

<telerik:RadGrid

runat="server"

Skin="360Core"

EnableEmbeddedSkins="false"

>

</telerik:RadGrid>

However I would like to set back to default telerik skin for a certain radgrid.
I tried to set the skin value to "" and "Default" for the radgrid I want the default skin for, but this did not work.
How can I override the global skin for all the radgrids for a certain radgrid, and set back to the default telerik skin?

SkinManager

answered on 10 Jul 2014

5 answers

629 views

Column width not working

I have a grid with 4 levels of detail tables. I have not set the width of the grid, but have specified the width of every column using the HeaderStyle width. I also set TableLayout="Fixed" on the MasterTableView. However, the column widths don't seem to match the widths that I specified. The first level (the one that appears when the grid initially loads) is showing the correct column widths, plus 16. So if I specified 85px for a column, it shows up as 101px. The second level has the same issue. The third level seems to be doing something else altogether, ignoring the specific width of the first column and automatically adjusting the others. The first column's heading and data field are being set in the code behind, along with the width. Is this a known issue?

Grid

answered on 10 Jul 2014

3 answers

215 views

Need urgent help in PDF export

Hi,

I have downloaded trial version of Telerik and trying to ceck whether my requirement are fullfill by telerik export functionality. All thing are seems fine just now wanted to give page number in PDF document on top like "Page 7 of 10", "Page 1 of 10"

Can you pls help me to sort out problem

Thanks in advance
Nayan Paregi

Grid

answered on 10 Jul 2014

1 answer

101 views

version 2014.2.618.35 in VS 2008

Are there any issues running version 2014.2.618.35 in VS 2008. It all seems to work when running but when in the designer view all the controls get

Error Creating Control
Could not load file or assembly 'Telerik.Web.UI, version.....

General Discussions

answered on 10 Jul 2014

6 answers

419 views

radEditor Iframe content area loses CSS styles after Javascript move within DOM

Hi there

Most of my question is in the title, can anyone advise please? I have a radEditor that I am moving around the DOM using Javascript, so I can use the same control in different locations on the page, in a similar way to that discussed here:

http://www.telerik.com/community/forums/aspnet-ajax/editor/jquery---single-radeditor-for-multiple-editable-bodies-on-page.aspx

My particular problem is that I am using the facility for specifying in the markup, a dedicated ContentArea Iframe external CSS file, i.e.,

                        <CssFiles>
                            <trk:EditorCssFile Value="~/<pathtomyskinfiles...>/EditorContentArea.PD_RadSkin_1.css" />
                        </CssFiles>

The styles in this external file work fine, that is, until AFTER I use Javascript to perform the client-side move of the editor control within the DOM, at which stage the IFrame content reverts back to a default element styling, which Firebug for example reports as that the element has no styling at all, apparently not even in-line styles. I am calling onParentNodeChanged() on the editor after the move, as this is evidently necessary for the Iframe to reshow its content text ... unfortunately it does not seem to refresh the styling rendered from the external style sheet in question.

Any ideas have I can work around this? Thanks very much.

Regards

Editor

answered on 10 Jul 2014

17 answers

594 views

AutoCompleteBox.EntryAdded server event causes full page postback

Hello.

I have a problem with RadAutoCompleteBox.EntryAdded server event. I created a user control (.ascx) called PeopleAndMachinesPicker with RadAutoCompleteBox (InputType="Token") in it.

RadAutoCompleteBox causes full page postback when server-side EntryAdded event handler is set. I tried to wrap my PeopleAndMachinesPicker control with UpdatePanel, but it causes JavaScript error:

"Microsoft JScript runtime error: Sys.InvalidOperationException: Two components with the same id 'PeopleAndMachinesPicker1_RadAutoCompleteBox2' can't be added to the application."

How can I process server-side EntryAdded event without full page postback? I tried __doPostBack() to update other controls on the page on ClientEntryAdded javascript event handler, but it's not suitable for my PeopleAndMachinesPicker control isolation.

Browser used: IE9 (9.0.8112.16421) 64 bit
Telerik.Web.UI assembly version: 2012.2.1002.35

AutoCompleteBox

answered on 10 Jul 2014

3 answers

122 views

[Solved] RadTabStrip validating a control on a NestedViewTemplate after template has been closed

I recently upgraded my controls to the 2014 Q2 Release and discovered that a page on my site was not working the way it had with the previous release of the controls that I had been using (2012 Q3... I know, it has been a while since we upgraded).

The page has a RadTabStrip with multiple tabs/pages. One of the RadPageView nodes contains an panel with a RadGrid which contains a NestedViewTemplate with a Save and Cancel button on it.

The functionality I want is that the user should not be able to switch to a different tab while the NestedViewTemplate contents are visible (this functionality didn't work in the previous version; however, the validation blocked the switch as long as data was not keyed into the textbox). If the Save button is clicked, the data would be validated and if valid the NestedViewTemplate contents are no longer shown (this functionality works). If the Cancel button is clicked, the NestedViewTemplate contents are no longer shown (works but...) and if the user then attempts to switch to a different tab, they should be able to (this is what does not work in the new release, but did work in the old release).

What do I need to do to insure the user cannot tab when the NestedViewTemplate is open and so they can tab when it is closed via the "Cancel" button?

Here is the CodeBehind:

Imports System.Data

Imports Telerik.Web.UI

Public Class TestPage

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Page.IsPostBack Then

Dim dt As New DataTable("MyData")

Dim i As Integer = 1

dt.Columns.Add("Key", GetType(Integer))

dt.Columns.Add("Description", GetType(String))

Dim dr As DataRow = dt.NewRow

dr("Key") = 1

dr("Description") = "My Data Row"

dt.Rows.Add(dr)

Me.MyList.DataSource = dt

Me.MyList.DataBind()

End If

End Sub

Public Sub MyList_ItemCommand(ByVal sender As Object, ByVal e As GridCommandEventArgs)

If (e.CommandName = RadGrid.ExpandCollapseCommandName) Then

If Not e.Item.Expanded Then

AdjustPageAvailability(False)

End If

End Sub

Public Sub MyList_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs)

If (TypeOf e.Item Is GridDataItem) Then

Dim item = CType(e.Item, GridDataItem)

Dim column = item("ExpandColumn")

If (column IsNot Nothing) Then

column.Controls(0).Visible = True

End If

End Sub

Protected Sub Cancel_Click(ByVal sender As Object, ByVal e As EventArgs)

For Each item As GridDataItem In MyList.Items

If item.Expanded Then

item.Expanded = False

End If

Next

Me.AdjustPageAvailability(True)

End Sub

Protected Sub Save_Click(ByVal sender As Object, ByVal e As EventArgs)

Page.Validate(CType(sender, IButtonControl).ValidationGroup)

If (Not Page.IsValid) Then

Return

End If

For Each item As GridDataItem In MyList.Items

If item.Expanded Then

item.Expanded = False

End If

Next

Me.AdjustPageAvailability(True)

End Sub

Private Sub AdjustPageAvailability(ByVal visible As Boolean)

Dim column As TableCell

For Each item As GridDataItem In Me.MyList.Items

column = item("ExpandColumn")

If (column IsNot Nothing) Then

column.Controls(0).Visible = visible

End If

Next

End Sub

End Class

Here is the Markup for the page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestPage.aspx.vb" Inherits="Telerik2014Q2Issue.TestPage" %>

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

<tel:RadScriptManager ID="sm" runat="server" ClientIDMode="Static" >

</tel:RadScriptManager>

<tel:RadTabStrip ID="DetailsTabs" runat="server" SelectedIndex="0" MultiPageID="DetailsPages">

<Tabs>

<tel:RadTab runat="server" Text="Details" />

<tel:RadTab runat="server" Text="History" />

</Tabs>

</tel:RadTabStrip>

<tel:RadMultiPage ID="DetailsPages" runat="server" SelectedIndex="0">

<tel:RadPageView ID="RadPageView1" runat="server">

<asp:Panel runat="server" ID="DetailsForm">

<h3>DEP Well Details</h3>

<p>

<tel:RadGrid ID="MyList" runat="server" OnItemDataBound="MyList_ItemDataBound"

OnItemCommand="MyList_ItemCommand">

<MasterTableView AutoGenerateColumns="False" AllowPaging="False" AllowSorting="False"

AllowCustomPaging="False" HierarchyLoadMode="ServerOnDemand" DataKeyNames="Key">

<Columns>

<tel:GridBoundColumn HeaderText="Description" DataField="Description" />

</Columns>

<NestedViewTemplate>

<asp:Panel ID="Panel1" runat="server">

<h3>More Details</h3>

<div>

<asp:ValidationSummary ID="MyValidationSummary" runat="server" HeaderText="The following errors have occurred:" />

<table>

<thead></thead>

<tbody>

<tr>

<td>

<tel:RadTextBox ID="txtNotes" runat="server" TextMode="MultiLine" Rows="4" Columns="60" CssClass="MultiLineTextBox" />

</td>

</tr>

<tr>

<td>

<asp:RequiredFieldValidator ID="NotesRequired" runat="server" ControlToValidate="txtNotes"

Text="* Required" ErrorMessage="Please enter a something in the box." />

</td>

</tr>

</tbody>

</table>

</div>

<div>

<ul class="inline">

<li>

<tel:RadButton ID="Save" runat="server" Text="Save" CausesValidation="true" OnClick="Save_Click" />

</li>

<li>

<tel:RadButton ID="Cancel" runat="server" Text="Cancel" CausesValidation="false" OnClick="Cancel_Click" />

</li>

</ul>

</div>

</asp:Panel>

</NestedViewTemplate>

</MasterTableView>

</tel:RadGrid>

</p>

</asp:Panel>

</tel:RadPageView>

<tel:RadPageView ID="RadPageView2" runat="server">

<div>

<p>History</p>

</div>

</tel:RadPageView>

</tel:RadMultiPage>

</div>

</form>

</body>

</html>

TabStrip

answered on 10 Jul 2014

6 answers

411 views

Telerik RADGrid Print

Hi-

In our project we need to provide functionality to print the RAD Grid, the printed output should support the following features

1. Print all records, not just the first page ignoring Pagination
2. Print output should preserve and show the layout changes applied to grid i.e. If user has grouped the data by one or more columns print output should show the grouping
3. Print output should not show the quick filters on the grid
4. Add custom header and footer both of which would have dynamic contents including page number
5. At beginning of every printed page column headers of the grid should be displayed followed by data
6. Change the look and feel to be suitable for printing- Apply different CSS for printing
7. Have the option export the printed output to a PDF document

I would appreciate any help on solving these requirements.

Thanks,
Steve

Grid

answered on 10 Jul 2014