Any changes I make to the InsertTableLight.ascx (and place in my project's EditorDialogs directory) are not reflected when I invoke the dialog from the RadEditor.
I know the overrides are working because I have already modified the dialogs for InsertLink.ascx and InsertSelectDialog.ascx, and they are working perfectly.
I've made obvious changes such as:
<
label
class
=
"reDialogLabelLight"
for
=
"Columns"
style
=
"display: none;"
>
<
span
class
=
"short"
>[columns]</
span
>
</
label
>
But I still get the dialog in the attached screenshot.
Hi all,
I noticed an issue with Radgrids, when adding new records using Batch Editing (Cell) and having some fields set as required (either through a RequiredFieldValidator or a <asp:CustomValidator ).
The issue is that the navigation using the TAB key, skipa fields which are not required.
This issue is visible on the online demo (https://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx), where if you add a new record, you are asked to enter a Product Name, then if you hit the TAB key, it jumps to Unit Price (next required field), hitting the TAB key again makes it jump to the next row.
However, when editing existing rows, the keyboard navigation behaves "normally", going through each fields (required or not).
Could someone please have a look and let us know if there is a solution or workaround.
Thank you very much,
Amara
I have a button and href :
<telerik:RadButton RenderMode="Lightweight" ID="cbxBritani" runat="server" ToggleType="CheckBox" Skin="Britani" EnableEmbeddedSkins="false"
ButtonType="LinkButton" Checked="true" OnClick="btnToggle_Click">
<ToggleStates>
<telerik:RadButtonToggleState Text="Britani" Selected="true" PrimaryIconCssClass="rbToggleCheckboxChecked p-i-checkbox-checked" />
<telerik:RadButtonToggleState Text="Britani" PrimaryIconCssClass="rbToggleCheckbox p-i-checkbox" />
</ToggleStates>
</telerik:RadButton>
<link href="~/Skins/Britani/Button.Britani.css" rel="stylesheet" type="text/css" />
I used VSB to build and download but the style is not being applied in the ascx, I have attached the .css that VSB downloaded, in it i do not see the color I applied in the screenshot of the VSB "#ff1eff"
.RadButton_Britani {
font-family: "Segoe UI",Arial,Helvetica,sans-serif;
font-size: 12px
}
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani .rbDecorated, .RadButton_Britani .rbSecondaryIcon, .RadButton_Britani.rbVerticalButton, .RadButton_Britani.rbVerticalButton .rbDecorated {
background-image: none;
font-family: "Segoe UI",Arial,Helvetica,sans-serif;
font-size: 12px
}
.RadButton_Britani.rbSkinnedButton {
padding-left: 6px
}
.RadButton_Britani.rbSkinnedButton .rbSecondary {
padding-right: 27px
}
.RadButton_Britani.rbSkinnedButton .rbDecorated {
margin-left: -4px
}
.RadButton_Britani.rbSkinnedButton:active .rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked .rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered .rbDecorated {
color: #ffffff
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.RadButton_Britani.RadButton input.rbDecorated, .RadButton_Britani.RadButton input.rbDecorated, .RadButton_Britani.RadButton input.rbDecorated:active, .RadButton_Britani.RadButton input.rbDecorated:focus {
background-color: transparent;
border: 0 none
}
}
.RadButton_Britani.rbLinkButton .rbSecondary {
padding-right: 15px
}
.RadButton_Britani .rbSplitRight, .RadButton_Britani .rbSplitLeft {
background-image: url('Button/ButtonSprites.gif')
}
.RadButton_Britani .rbSplitRight, .RadButton_Britani.rbLinkButton .rbSplitRight {
background-position: -1px 0;
border-left: 1px solid #cdcdcd
}
.RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight {
background-position: 1px 0
}
.RadButton_Britani.rbLinkButton .rbSplitRight {
border-left: 1px solid #cdcdcd
}
.RadButton_Britani .rbSplitRight.rbHovered, .RadButton_Britani.rbLinkButton .rbSplitRight.rbHovered {
background-color: #e8e8e8;
border-left: 1px solid #767676
}
.RadButton_Britani .rbSplitRight:focus, .RadButton_Britani .rbSplitRight:active, .RadButton_Britani.rbLinkButton .rbSplitRight:focus, .RadButton_Britani.rbLinkButton .rbSplitRight:active {
background-color: #ffbeff;
border-left: 1px solid #ffbeff;
background-position: -20px 0
}
.RadButton_Britani .rbSplitLeft, .RadButton_Britani.rbLinkButton .rbSplitLeft {
border-right: 1px solid #cdcdcd
}
.RadButton_Britani.rbLinkButton .rbSplitLeft {
border-right: 1px solid #e5e5e5
}
.RadButton_Britani .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton .rbSplitLeft.rbHovered {
border-right: 1px solid #e8e8e8
}
.RadButton_Britani .rbSplitLeft:focus, .RadButton_Britani .rbSplitLeft:active, .RadButton_Britani.rbLinkButton .rbSplitLeft:focus, .RadButton_Britani.rbLinkButton .rbSplitLeft:active {
background-color: #ffbeff;
border-right: 1px solid #ffbeff;
background-position: -20px 0
}
.RadButton_Britani.rbDisabled .rbSplitLeft, .RadButton_Britani.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitRight, .RadButton_Britani.rbDisabled .rbSplitRight.rbHovered, .RadButton_Britani.rbDisabled .rbSplitRight:focus, .RadButton_Britani.rbDisabled .rbSplitRight:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight:focus {
background-color: transparent;
background-position: -1px 0 !important
}
.RadButton_Britani.rbDisabled .rbSplitLeft, .RadButton_Britani.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:focus {
border-right: 1px solid #cdcdcd
}
.RadButton_Britani.rbDisabled .rbSplitRight, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight {
border-left: 1px solid #cdcdcd
}
.RadButton_Britani .rbSplitLeft:focus, .RadButton_Britani .rbSplitLeft:active, .RadButton_Britani.rbLinkButton .rbSplitLeft:focus, .RadButton_Britani.rbLinkButton .rbSplitLeft:active {
background-color: #ffbeff;
border-right: 1px solid #ffbeff
}
.RadButton_Britani.rbVerticalButton {
padding-left: 0
}
.RadButton_Britani.rbVerticalButton .rbDecorated {
padding-left: 10px
}
.RadButton_Britani.rbVerticalButton .rbDecorated.rbPrimary {
padding-left: 40px
}
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani.rbVerticalButton, .RadButton_Britani .rbDecorated, .RadButton_Britani.rbVerticalButton {
background-color: #f9f9f9;
color: #000000
}
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani.rbVerticalButton {
border: 1px solid #cdcdcd
}
.RadButton_Britani.rbSkinnedButton.rbHovered, .RadButton_Britani.rbVerticalButton.rbHovered, .RadButton_Britani.rbHovered .rbDecorated {
color: #000000;
background-color: #e5e5e5
}
.RadButton_Britani.rbSkinnedButton.rbHovered, .RadButton_Britani.rbVerticalButton.rbHovered {
border: 1px solid #e8e8e8
}
.RadButton_Britani.rbSkinnedButton:active, .RadButton_Britani.rbVerticalButton:active, .RadButton_Britani.rbSkinnedButton:active .rbDecorated, .RadButton_Britani.rbVerticalButton:active .rbDecorated, .RadButton_Britani.rbPressedButton.rbSkinnedButton, .RadButton_Britani.rbPressedButton .rbDecorated {
background-color: #ffbeff;
color: #ffffff
}
.RadButton_Britani.rbSkinnedButton:active, .RadButton_Britani.rbVerticalButton:active {
border: 1px solid #ffbeff
}
.RadButton_Britani.rbSkinnedButtonChecked, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered, .RadButton_Britani.rbSkinnedButtonChecked input.rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered .rbDecorated {
background-color: #ffbeff;
border: 1px solid #ffbeff
}
.RadButton_Britani .rbToggleCheckbox, .RadButton_Britani .rbToggleCheckboxChecked, .RadButton_Britani .rbToggleCheckboxFilled, .RadButton_Britani .rbToggleRadio, .RadButton_Britani .rbToggleRadioChecked {
background-image: url('Common/radFormToggleSprite.png');
_background-image: url('Common/radFormToggleSpriteIE6.png')
}
.RadButton_Britani.RadButton.rbToggleButton, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled.rbHovered, .RadButton_Britani.rbDisabled .rbDecorated, .RadButton_Britani.rbDisabled.rbHovered .rbDecorated {
color: #000000
}
.RadButton_Britani.RadButton.rbToggleButton.rbHovered {
border: 0 none;
color: #ffbeff
}
.RadButton_Britani.RadButton.rbToggleButton:active, .RadButton_Britani.RadButton.rbToggleButton:focus {
background-color: transparent;
border: 0
}
.RadButton_Britani.RadButton.rbLinkButton {
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
text-decoration: none;
color: #000000
}
.RadButton_Britani.RadButton.rbLinkButton.rbHovered {
background-color: #e8e8e8;
border: 1px solid #e8e8e8;
color: #000000
}
.RadButton_Britani.RadButton:active, .RadButton_Britani.RadButton:focus, .RadButton_Britani.RadButton:focus .rbDecorated, .RadButton_Britani.RadButton.rbHovered:active, .RadButton_Britani.RadButton.rbHovered:focus, .RadButton_Britani.rbPressedButton, .RadButton_Britani.RadButton.rbPressedButton, .RadButton_Britani.RadButton.rbSkinnedButtonChecked, .RadButton_Britani.RadButton.rbSkinnedButtonChecked:hover, .RadButton_Britani.RadButton.rbLinkButtonChecked, .RadButton_Britani.RadButton.rbLinkButtonChecked:hover, .RadButton_Britani.RadButton.rbVerticalButtonChecked, .RadButton_Britani.RadButton.rbVerticalButtonChecked:hover {
border: 1px solid #ffbeff;
background-color: #ffbeff;
color: #ffffff
}
.RadButton_Britani.RadButton:active .rbDecorated, .RadButton_Britani.RadButton:focus .rbDecorated, .RadButton_Britani.RadButton.rbSkinnedButtonChecked .rbDecorated, .RadButton_Britani.RadButton.rbSkinnedButtonChecked:hover .rbDecorated, .RadButton_Britani.RadButton.rbLinkButtonChecked .rbDecorated, .RadButton_Britani.RadButton.rbLinkButtonChecked:hover .rbDecorated {
color: #ffffff
}
.RadButton_Britani.rbToggleButton:active .rbText, .RadButton_Britani.rbToggleButton:focus .rbText {
color: #000000
}
.RadButton_Britani.rbSkinnedButton {
height: 22px
}
.RadButton_Britani .rbDecorated {
height: 20px
}
.RadButton_Britani.rbDisabled, .RadButton_Britani.rbDisabled .rbToggleCheckbox, .RadButton_Britani.rbDisabled .rbToggleCheckboxChecked, .RadButton_Britani.rbDisabled .rbToggleRadio, .RadButton_Britani.rbDisabled .rbToggleRadioChecked, .RadButton_Britani.rbDisabled .rbToggleCheckboxFilled {
opacity: .6
}
.RadButton_Britani.rbSkinnedButton.rbDisabled, .RadButton_Britani.rbVerticalButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled.rbHovered {
background-color: #ffffff;
color: #000000;
border: 1px solid #cdcdcd;
cursor: default
}
.RadButton_Britani.rbSkinnedButton.rbDisabled .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled.rbHovered .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled:active .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled:focus .rbDecorated, .RadButton_Britani.rbLinkButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled.rbHovered {
background-color: #ffffff;
color: #000000
}
.RadButton_Britani.RadButton.rbToggleButton.rbDisabled, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled.rbHovered, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled:active, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled:focus {
background-color: transparent;
background-image: none;
border: 0;
height: auto
}
.RadButton_Britani.rbLinkButton.rbRounded {
border-radius: 0
}
.RadButton_Britani .rbAdd, .RadButton_Britani .rbRemove, .RadButton_Britani .rbOk, .RadButton_Britani .rbCancel, .RadButton_Britani .rbPrevious, .RadButton_Britani .rbNext, .RadButton_Britani .rbSave, .RadButton_Britani .rbConfig, .RadButton_Britani .rbRefresh, .RadButton_Britani .rbEdit {
background-image: url('Common/rbBasicIcons16x16Dark.png') !important
}
.RadButton_Britani .rbUpload, .RadButton_Britani .rbDownload, .RadButton_Britani .rbOpen, .RadButton_Britani .rbAttach, .RadButton_Britani .rbPrint, .RadButton_Britani .rbSearch, .RadButton_Britani .rbHelp, .RadButton_Britani .rbCart, .RadButton_Britani .rbRSS, .RadButton_Britani .rbMail, .RadButton_Britani .rbFB, .RadButton_Britani .rbTwitter {
background-image: url('Common/rbExtendedIcons16x16Dark.png') !important
}
.RadButton_Britani .rbAdd24, .RadButton_Britani .rbRemove24, .RadButton_Britani .rbOk24, .RadButton_Britani .rbCancel24, .RadButton_Britani .rbPrevious24, .RadButton_Britani .rbNext24, .RadButton_Britani .rbSave24, .RadButton_Britani .rbConfig24, .RadButton_Britani .rbRefresh24, .RadButton_Britani .rbEdit24 {
background-image: url('Common/rbBasicIcons24x24Dark.png') !important
}
.RadButton_Britani .rbUpload24, .RadButton_Britani .rbDownload24, .RadButton_Britani .rbOpen24, .RadButton_Britani .rbAttach24, .RadButton_Britani .rbPrint24, .RadButton_Britani .rbSearch24, .RadButton_Britani .rbHelp24, .RadButton_Britani .rbCart24, .RadButton_Britani .rbRSS24, .RadButton_Britani .rbMail24, .RadButton_Britani .rbFB24, .RadButton_Britani .rbTwitter24 {
background-image: url('Common/rbExtendedIcons24x24Dark.png') !important
}
.RadButton_Britani.rbLinkButton {
background-color: rgb(255, 30, 255);
}
.RadButton_Britani .rbDecorated {
background-color: rgb(255, 30, 255);
}
Just a heads-up:
When creating a new Telerik ASP.Net project, if you choose "Outlook-Inspired" as your template, the following typos appear in two of the control files:
<%@ Control Language=
"C#"
AutoEventWireup=
"true"
CodeBehind=
"FolderNavigationControl.aspx.cs"...
As it is a control and not an aspx page, it should reference the CodeBehind as follows:
<%@ Control Language=
"C#"
AutoEventWireup=
"true"
CodeBehind=
"FolderNavigationControl.ascx.cs...
<%@ Control Language=
"C#"
AutoEventWireup=
"true"
CodeBehind=
"MobileNavigation.aspx.cs"...
when it should read:
<%@ Control Language=
"C#"
AutoEventWireup=
"true"
CodeBehind=
"MobileNavigation.ascx.cs"...
Otherwise, very nice template!
Folks
In the code behind in c# I am attempting to make the main menu vertical(up and down) and the child menuitems for each item in the main menu to run horizontal (left to right)
What I have tried:
the control is defined as
telerik:RadMenu ID="MainMenu" runat="server" >
</telerik:RadMenu>
in the code behind for each parent I am setting
parentItem.GroupSettings.Flow = ItemFlow.Vertical;
and for each child I am setting
childItem.GroupSettings.Flow = ItemFlow.Horizontal;
This gives me just the opposite of what I want. the parents run lengthwise an the children all run top to bottom.
If I reverse the GroupSettings.Flow setting for the parent and child then both the main menu and the submenu both run lengthwise.
Unhandled exception at line 33, column 1 in script block
0x800a138f - Microsoft JScript runtime error: Unable to get value of the property '_filterNoDelay': object is null or undefined
The error is in the onchange function
function onchange(event)
{
$find("ctl00_ContentPlaceHolder1_jobauthorisationawaiting_userControl_RadGrid1_ctl00")._filterNoDelay("ctl00_ContentPlaceHolder1_jobauthorisationawaiting_userControl_RadGrid1_ctl00_ctl02_ctl01_FilterTextBox_DepotDescription","DepotDescription")
}
Grid is defined as below
telerik:RadGrid ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource" Skin="Office2010Blue"
AutoGenerateColumns="False" AllowSorting="True" PageSize="18" Height="430" Width="100%" EnableLinqExpressions="false"
AllowPaging="False" AllowMultiRowSelection="False" runat="server" Gridlines="None" ShowFooter="true" AllowFilteringByColumn="true"
OnItemCreated="RadGrid1_ItemCreated">
<
GroupingSettings
CaseSensitive
=
"false"
></
GroupingSettings
>
<
MasterTableView
Name
=
"JobsAwaitingAuthorisation"
AllowMultiColumnSorting
=
"false"
Width
=
"100%"
Summary
=
"Jobs awaiting authorisation"
DataKeyNames
=
"ItemID,PurOrderRef,OrderNo"
ClientDataKeyNames
=
"ItemID"
>
<
Columns
>
<
telerik:GridBoundColumn
HeaderStyle-Width
=
"90"
UniqueName
=
"BookedDate"
SortExpression
=
"BookedDate"
DataField
=
"BookedDate"
HeaderText
=
"Job Date"
DataFormatString
=
"{0:dd/MM/yyyy}"
FilterControlWidth
=
"52"
FooterText
=
"Job Count:"
FooterStyle-HorizontalAlign
=
"Right"
AutoPostBackOnFilter
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
AutoPostBackOnFilter
=
"true"
HeaderStyle-Width
=
"88"
UniqueName
=
"RegNo"
SortExpression
=
"RegNo"
HeaderText
=
"Reg Num"
DataField
=
"RegNo"
DataType
=
"System.String"
FooterText
=
" "
Aggregate
=
"Count"
FilterControlWidth
=
"50"
FooterStyle-HorizontalAlign
=
"Left"
ShowFilterIcon
=
"false"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
HeaderStyle-Width
=
"86"
FilterControlWidth
=
"60"
UniqueName
=
"DepotDescription"
SortExpression
=
"DepotDescription"
HeaderText
=
"Depot"
DataField
=
"DepotDescription"
AutoPostBackOnFilter
=
"true"
ShowFilterIcon
=
"false"
CurrentFilterFunction
=
"Contains"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
AutoPostBackOnFilter
=
"true"
HeaderStyle-Width
=
"208"
UniqueName
=
"Description"
SortExpression
=
"Description"
HeaderText
=
"Job Details"
DataField
=
"Description"
FooterText
=
"Total:"
FilterControlWidth
=
"175"
FooterStyle-HorizontalAlign
=
"Right"
>
</
telerik:GridBoundColumn
>
<
telerik:GridNumericColumn
AutoPostBackOnFilter
=
"true"
HeaderStyle-Width
=
"65"
UniqueName
=
"Parts"
SortExpression
=
"Parts"
DataField
=
"Parts"
HeaderText
=
"Parts"
DataFormatString
=
"{0:C}"
FilterControlWidth
=
"30"
ItemStyle-HorizontalAlign
=
"Right"
HeaderStyle-HorizontalAlign
=
"Right"
Aggregate
=
"Sum"
FooterStyle-HorizontalAlign
=
"Right"
>
</
telerik:GridNumericColumn
>
<
telerik:GridNumericColumn
AutoPostBackOnFilter
=
"true"
HeaderStyle-Width
=
"65"
UniqueName
=
"Labour"
SortExpression
=
"Labour"
DataField
=
"Labour"
HeaderText
=
"Labour"
DataFormatString
=
"{0:C}"
FilterControlWidth
=
"30"
ItemStyle-HorizontalAlign
=
"Right"
HeaderStyle-HorizontalAlign
=
"Right"
Aggregate
=
"Sum"
FooterStyle-HorizontalAlign
=
"Right"
>
</
telerik:GridNumericColumn
>
<
telerik:GridNumericColumn
AutoPostBackOnFilter
=
"true"
HeaderStyle-Width
=
"80"
UniqueName
=
"RCSubTotal"
SortExpression
=
"RCSubTotal"
DataField
=
"RCSubTotal"
HeaderText
=
"Total"
DataFormatString
=
"{0:C}"
FilterControlWidth
=
"46"
ItemStyle-HorizontalAlign
=
"Right"
HeaderStyle-HorizontalAlign
=
"Right"
Aggregate
=
"Sum"
FooterStyle-HorizontalAlign
=
"Right"
>
</
telerik:GridNumericColumn
>
<
telerik:GridTemplateColumn
AutoPostBackOnFilter
=
"true"
HeaderStyle-Width
=
"92"
UniqueName
=
"OrderNo"
SortExpression
=
"OrderNo"
FilterControlWidth
=
"55"
HeaderText
=
"Order No"
DataField
=
"OrderNo"
FooterStyle-Width
=
"110"
>
<
ItemTemplate
>
<%# Eval("OrderNo")%>
</
ItemTemplate
>
<
FooterTemplate
>
<
telerik:RadButton
ID
=
"btnApproveSelected"
runat
=
"server"
Type
=
"Button"
Text
=
"Approve"
Tooltip
=
"Approve Selected Jobs"
Width
=
"50"
OnClientClicked
=
"ApproveSelectedJobs"
autopostback
=
"false"
>
</
telerik:RadButton
>
<
img
style
=
"float:right;cursor:pointer"
src
=
"style/images/print.png"
border
=
"0"
title
=
"Print Jobs Authorised Today"
onclick
=
"PrintRadGrid();return false;"
/>
</
FooterTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridClientSelectColumn
HeaderStyle-Width
=
"25"
HeaderStyle-CssClass
=
"rgRowSelected"
HeaderTooltip
=
"Select a row by clicking the tick box"
HeaderText
=
"Sel"
UniqueName
=
"ClientSelectColumn"
/>
<
telerik:GridTemplateColumn
UniqueName
=
"TemplateEditColumn"
HeaderStyle-Width
=
"20"
AllowFiltering
=
"false"
>
<
ItemTemplate
>
<
asp:Image
ID
=
"ApproveImage"
runat
=
"server"
Width
=
"16"
Height
=
"16"
ImageUrl
=
"Update.gif"
ToolTip
=
"Approve Job"
style
=
"cursor:pointer;vertical-align:top"
/>
<
asp:Image
ID
=
"QueryImage"
runat
=
"server"
Width
=
"16"
Height
=
"16"
ImageUrl
=
"Cancel.gif"
ToolTip
=
"Query Job"
style
=
"cursor:pointer"
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"ItemID"
SortExpression
=
"ItemID"
HeaderText
=
"ItemID"
DataField
=
"ItemID"
Display
=
"false"
ReadOnly
=
"True"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"PurOrderRef"
SortExpression
=
"PurOrderRef"
HeaderText
=
"PurOrderRef"
DataField
=
"PurOrderRef"
Display
=
"false"
ReadOnly
=
"True"
>
</
telerik:GridBoundColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
<
ClientEvents
OnGridCreated
=
"GridCreated"
OnFilterMenuShowing
=
"filterMenuShowing"
/>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
SaveScrollPosition
=
"True"
>
</
Scrolling
>
<
Selecting
AllowRowSelect
=
"True"
/>
</
ClientSettings
>
<
FilterMenu
OnClientShown
=
"MenuShowing"
/>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
/>
</
telerik:RadGrid
>
DataTable table =
new
DataTable();
table.Columns.Add(
"Product And Business Group"
);
table.Columns.Add(
"Platform Or SubGroup"
);
table.Columns.Add(
"Status"
);
table.Rows.Add(
"Core"
,
"Core Sub Group"
,
"Granted"
);
table.Rows.Add(
"Core"
,
"Core Sub Group"
,
"Pending"
);
table.Rows.Add(
"Core"
,
"Sub Group should be shown in Core"
,
"Some Other Value"
);
table.Rows.Add(
"Non-Core"
,
"Non-Core Sub Group"
,
"Granted"
);
table.Rows.Add(
"Non-Core"
,
"Non-Core Sub Group"
,
"Pending"
);
table.Rows.Add(
"Non-Core"
,
"Sub Group should be shown in Non-Core"
,
"zAnother value"
);
<
telerik:RadPivotGrid
ID
=
"RadPivotGrid1"
PageSize
=
"20"
runat
=
"server"
AllowFiltering
=
"true"
TotalsSettings-GrandTotalsVisibility
=
"None"
RowHeaderZoneText
=
"Business Group"
DataSourceID
=
"ObjectDataSource1"
Skin
=
"Windows7"
EmptyValue
=
"0"
>
<
TotalsSettings
GrandTotalsVisibility
=
"RowsOnly"
ColumnsSubTotalsPosition
=
"Last"
RowsSubTotalsPosition
=
"Last"
/>
<
ConfigurationPanelSettings
/>
<
RowHeaderCellStyle
Width
=
"200px"
/>
<
Fields
>
<
telerik:PivotGridRowField
Caption
=
"Product And Business Group"
DataField
=
"Product And Business Group"
>
</
telerik:PivotGridRowField
>
<
telerik:PivotGridRowField
Caption
=
"Platform or sub-group"
DataField
=
"Platform Or SubGroup"
ShowGroupsWhenNoData
=
"false"
>
</
telerik:PivotGridRowField
>
<
telerik:PivotGridColumnField
Caption
=
"Status"
DataField
=
"Status"
UniqueName
=
"Status"
>
</
telerik:PivotGridColumnField
>
<
telerik:PivotGridAggregateField
Aggregate
=
"Count"
DataField
=
"Status"
DataFormatString
=
"{0:D0}"
UniqueName
=
"StatusCount"
>
<
TotalFormat
Axis
=
"Rows"
Level
=
"0"
SortOrder
=
"Ascending"
TotalFunction
=
"NoCalculation"
/>
</
telerik:PivotGridAggregateField
>
</
Fields
>
<
ClientSettings
>
<
Scrolling
AllowVerticalScroll
=
"false"
ScrollHeight
=
"600px"
/>
</
ClientSettings
>
</
telerik:RadPivotGrid
>
RadPivotGrid1.SetFilterIncludes(
"Status"
,
new
string
[] {
"Pending"
,
"Granted"
},
true
);