<
telerik:RadGrid
ID
=
"rgLeads"
ShowGroupPanel
=
"false"
AutoGenerateColumns
=
"false"
AllowSorting
=
"true"
ShowFooter
=
"False"
runat
=
"server"
GridLines
=
"None"
AllowPaging
=
"true"
PageSize
=
"15"
Width
=
"100%"
>
<
MasterTableView
DataSourceID
=
"sqldsLeads"
ShowGroupFooter
=
"false"
CommandItemDisplay
=
"Top"
EditMode
=
"InPlace"
PagerStyle-PageSizes
=
"15,25,50,100,250,500,1000"
>
<
PagerStyle
AlwaysVisible
=
"true"
/>
<
CommandItemSettings
ShowExportToExcelButton
=
"true"
ShowExportToCsvButton
=
"true"
ShowExportToWordButton
=
"true"
ShowAddNewRecordButton
=
"false"
>
</
CommandItemSettings
>
<%--<
GroupHeaderTemplate
>
<
asp:Label
runat
=
"server"
ID
=
"Label3"
style
=
"font-weight:bold"
Text='<%# Eval("LeadType")%>' ></
asp:Label
>
<
asp:Label
runat
=
"server"
ID
=
"Label1"
style
=
"font-weight:bold"
Text='<%# "(" + Eval("TotalCount").ToString() + " Total)" %>' ></
asp:Label
>
</
GroupHeaderTemplate
>--%>
<
Columns
>
<
telerik:GridTemplateColumn
HeaderText
=
"ID"
>
<
ItemTemplate
>
<
asp:label
runat
=
"server"
ID
=
"lblTicketID"
Text='<%# Eval("UpTicketID") %>' ></
asp:label
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
>
<
ItemTemplate
>
<
asp:ImageButton
runat
=
"server"
ID
=
"imgbtnPrint"
ImageUrl
=
"images/print_16.gif"
OnClick
=
"imgbtnPrint_click"
ToolTip
=
"Print lead datasheet."
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Date"
SortExpression
=
"CreatedTDS"
>
<
ItemTemplate
>
<
asp:label
runat
=
"server"
ID
=
"lblDate"
Text='<%# Format(Eval("CreatedTDS"),"M/d/yyyy") %>' ToolTip='<%# Format(Eval("CreatedTDS"),"t") %>' ></
asp:label
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridBoundColumn
DataField
=
"LeadType"
HeaderText
=
"Type"
SortExpression
=
"LeadType"
Aggregate
=
"Count"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"EmployeeName"
HeaderText
=
"Employee"
SortExpression
=
"EmployeeName"
>
</
telerik:GridBoundColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Name"
SortExpression
=
"Lname"
>
<
ItemTemplate
>
<
asp:HyperLink
runat
=
"server"
ID
=
"hlClientHistory"
NavigateUrl='<%# "ClientHistory2.aspx?
clientID
=
" + CStr(Eval("
ClientID"))%>' Text='<%# Eval("ClientName") %>' Target="_blank" ></
asp:HyperLink
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Phone"
>
<
ItemTemplate
>
<
asp:label
runat
=
"server"
ID
=
"lblPhone"
></
asp:label
>
</
ItemTemplate
>
<
ItemStyle
Width
=
"120px"
/>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Email"
>
<
ItemTemplate
>
<
a
href='mailto:<%# Eval("EmailAddress") %>' style="font-family: Segoe UI, Arial, Verdana; font-size: 11px; color: #777697;"><%# Eval("EmailAddress") %></
a
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Address"
>
<
ItemTemplate
>
<
asp:label
runat
=
"server"
ID
=
"lblAddress"
></
asp:label
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
HeaderText
=
"Vehicle"
SortExpression
=
"Manufacturer"
>
<
ItemTemplate
>
<
asp:label
runat
=
"server"
ID
=
"lblVehicle"
Text='<%# Eval("Vehicle") %>' ></
asp:label
>
<
asp:LinkButton
runat
=
"server"
ID
=
"lbShowVehicle"
OnClick
=
"lbShowVehicle_click"
Text='<%# Eval("Vehicle") %>' style="font-family: Segoe UI, Arial, Verdana; font-size: 11px; color: #777697;"></
asp:LinkButton
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
<
GroupByExpressions
>
<
telerik:GridGroupByExpression
>
<
GroupByFields
>
<
telerik:GridGroupByField
FieldName
=
"LeadType"
FieldAlias
=
"LeadType"
>
</
telerik:GridGroupByField
>
</
GroupByFields
>
<
SelectFields
>
<
telerik:GridGroupByField
FieldName
=
"LeadType"
FieldAlias
=
"LeadType"
HeaderText
=
"Lead Type"
>
</
telerik:GridGroupByField
>
<%--<
telerik:GridGroupByField
FieldName
=
"UpTicketID"
FieldAlias
=
"TicketCount"
Aggregate
=
"Count"
>
</
telerik:GridGroupByField
>--%>
</
SelectFields
>
</
telerik:GridGroupByExpression
>
<
telerik:GridGroupByExpression
>
<
GroupByFields
>
<
telerik:GridGroupByField
FieldName
=
"EmployeeName"
FieldAlias
=
"EmployeeName"
>
</
telerik:GridGroupByField
>
</
GroupByFields
>
<
SelectFields
>
<
telerik:GridGroupByField
FieldName
=
"EmployeeName"
FieldAlias
=
"EmployeeName"
HeaderText
=
"Employee"
>
</
telerik:GridGroupByField
>
<%--<
telerik:GridGroupByField
FieldName
=
"UpTicketID"
FieldAlias
=
"TicketCount"
Aggregate
=
"Count"
>
</
telerik:GridGroupByField
>--%>
</
SelectFields
>
</
telerik:GridGroupByExpression
>
</
GroupByExpressions
>
</
MasterTableView
>
<
ExportSettings
ExportOnlyData
=
"true"
IgnorePaging
=
"true"
>
<
Excel
Format
=
"Biff"
></
Excel
>
</
ExportSettings
>
<
ClientSettings
AllowDragToGroup
=
"true"
>
</
ClientSettings
>
<
GroupingSettings
ShowUnGroupButton
=
"true"
></
GroupingSettings
>
</
telerik:RadGrid
>
<
telerik:RadTextBox
ID
=
"tb_Tools"
runat
=
"server"
ReadOnly
=
"true"
Width
=
"100%"
></
telerik:RadTextBox
>
If
condition
Then
tb_Tools.Width = Unit.Percentage(90)
End
If
<style type="text/css">
.Ctabformat
{
font-weight: bold;
text-decoration: underline;
}
</style>
<ContextualTabGroups>
<telerik:RibbonBarContextualTabGroup Text="Test" Active="true" CssClass="Ctabformat">
<telerik:RibbonBarTab Text="Tab1" Font-Bold="true" ></telerik:RibbonBarTab>
</telerik:RibbonBarContextualTabGroup>
</ContextualTabGroups>
Somehow it is not applying format specified in CssClass.
We are having a problem with silver-light control that is inside <telerik:RadPageView/>.
The issue is, it loads properly on IE; but doesn’t work on Chrome and FF browser. However, it is working fine when used outside the RadPageView control.
Could you please provide us a solution to resolve this?
Please refer application code to reproduce this issue.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadChartInASP.NET.Web._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"
TagPrefix="asp" %>
<!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
style
=
"height: 100%; margin: 0;"
>
<
form
id
=
"form1"
runat
=
"server"
style
=
"height: 100%;"
dir
=
"ltr"
>
<
script
type
=
"text/javascript"
>
var silverlightControl;
function pluginLoaded(sender) {
// get reference to the silverlight control on the page
silverlightControl = sender.get_element();
}
function ColorChanged(sender, args) {
silverlightControl.content.slChartPage.SeriesColor = sender.get_selectedColor();
}
function Show3D_Click(sender) {
var checked = sender.checked;
silverlightControl.content.slChartPage.Show3D = checked;
if (checked) {
$get("ColorPicker").style.display = "none";
$get("ColorPickerLbl").style.display = "none";
$get("ShowTooltips").style.display = "none";
$get("ShowTooltipsLbl").style.display = "none";
$get("HideElements").style.display = "block";
$get("HideElementsLbl").style.display = "block";
$get("HideElementsOnRotation").checked = false;
}
else {
$get("ColorPicker").style.display = "block";
$get("ColorPickerLbl").style.display = "block";
$get("ShowTooltips").style.display = "block";
$get("ShowTooltipsLbl").style.display = "block";
$get("ShowItemTooltips").checked = false;
$get("HideElements").style.display = "none";
$get("HideElementsLbl").style.display = "none";
}
}
function AxisXTitleTextBox_Changed(sender, args) {
silverlightControl.content.slChartPage.AxisXTitle = args.get_newValue();
}
function AxisYTitleTextBox_Changed(sender, args) {
silverlightControl.content.slChartPage.AxisYTitle = args.get_newValue();
}
function ShowItemLabels_Click(sender) {
silverlightControl.content.slChartPage.ShowItemLabels = sender.checked;
}
function ShowItemTooltips_Click(sender) {
silverlightControl.content.slChartPage.ShowItemTooltips = sender.checked;
}
function HideElementsOnRotation_Click(sender) {
silverlightControl.content.slChartPage.HideElementsOnRotation = sender.checked;
}
function ShowXAxis_Click(sender) {
silverlightControl.content.slChartPage.ShowXAxis = sender.checked;
}
function ShowYAxis_Click(sender) {
silverlightControl.content.slChartPage.ShowYAxis = sender.checked;
}
function ShowXAxisGridlines_Click(sender) {
silverlightControl.content.slChartPage.ShowXAxisGridlines = sender.checked;
}
function ShowYAxisGridlines_Click(sender) {
silverlightControl.content.slChartPage.ShowYAxisGridlines = sender.checked;
}
function ShowXAxisStriplines_Click(sender) {
silverlightControl.content.slChartPage.ShowXAxisStriplines = sender.checked;
}
function ShowYAxisStriplines_Click(sender) {
silverlightControl.content.slChartPage.ShowYAxisStriplines = sender.checked;
}
function AxisXFormat_Changed(sender, args) {
silverlightControl.content.slChartPage.AxisXFormat = args.get_item().get_text();
}
function AxisYFormat_Changed(sender, args) {
silverlightControl.content.slChartPage.AxisYFormat = args.get_item().get_text();
}
function ItemsFormat_Changed(sender, args) {
silverlightControl.content.slChartPage.ItemsFormat = args.get_item().get_text();
}
function SeriesColorCombo_Changed(sender, args) {
silverlightControl.content.slChartPage.SeriesColor = args.get_item().get_text();
}
</
script
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>
<
div
style
=
"height: 400px;"
>
<
telerik:RadTabStrip
ID
=
"tabConfigure"
Width
=
"100%"
ClientIDMode
=
"Static"
runat
=
"server"
Style
=
"position: relative; margin-left: 0px;"
MultiPageID
=
"ConfiguraionPan"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Admin"
Value
=
"Admin"
runat
=
"server"
PageViewID
=
"pvAdmin"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Dashboard"
runat
=
"server"
PageViewID
=
"pvCharts"
Value
=
"Charting"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
<
asp:Silverlight
ID
=
"Xaml1"
runat
=
"server"
Source
=
"~/ClientBin/RadChartInASP.NET.xap"
MinimumVersion
=
"2.0.30728.0"
Width
=
"100%"
Height
=
"100%"
OnPluginLoaded
=
"pluginLoaded"
/>
</
div
>
<
telerik:RadMultiPage
ID
=
"ConfiguraionPan"
Width
=
"100%"
CssClass
=
"multiPage"
runat
=
"server"
ClientIDMode
=
"Static"
>
<
telerik:RadPageView
ID
=
"ConfugarationPan"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
ClientIDMode
=
"Static"
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"pvDashboard"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
ClientIDMode
=
"Static"
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"pvCharts"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
ClientIDMode
=
"Static"
>
<
table
>
<
tr
>
<
td
>
Show 3D chart:
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"Show3D"
runat
=
"server"
onclick
=
"Show3D_Click(this);"
/>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
div
id
=
"ColorPickerLbl"
>
Series color:
</
div
>
</
td
>
<
td
>
<
div
id
=
"ColorPicker"
>
<
telerik:RadColorPicker
ID
=
"RadColorPicker1"
runat
=
"server"
ShowEmptyColor
=
"false"
Preset
=
"Standard"
OnClientColorChange
=
"ColorChanged"
>
</
telerik:RadColorPicker
>
</
div
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
</
tr
>
<
tr
>
<
td
>
AxisXTitle:
</
td
>
<
td
>
<
telerik:RadTextBox
ID
=
"AxisXTitleTextBox"
runat
=
"server"
Width
=
"220px"
>
<
ClientEvents
OnValueChanged
=
"AxisXTitleTextBox_Changed"
/>
</
telerik:RadTextBox
>
</
td
>
<
td
>
<
div
id
=
"ShowTooltips"
>
<
asp:CheckBox
ID
=
"ShowItemTooltips"
runat
=
"server"
onclick
=
"ShowItemTooltips_Click(this);"
/>
</
div
>
<
div
id
=
"HideElements"
style
=
"display: none;"
>
<
asp:CheckBox
ID
=
"HideElementsOnRotation"
runat
=
"server"
onclick
=
"HideElementsOnRotation_Click(this);"
/>
<
br
/>
</
div
>
</
td
>
<
td
>
<
div
id
=
"ShowTooltipsLbl"
>
Show item tooltips.
</
div
>
<
div
id
=
"HideElementsLbl"
style
=
"display: none;"
>
Hide elements on rotation
</
div
>
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowXAxisGridlines"
runat
=
"server"
onclick
=
"ShowXAxisGridlines_Click(this);"
/>
</
td
>
<
td
>
Show X axis gridlines.
</
td
>
</
tr
>
<
tr
>
<
td
>
AxisYTitle:
</
td
>
<
td
>
<
telerik:RadTextBox
ID
=
"AxisYTitleTextBox"
runat
=
"server"
Width
=
"220px"
>
<
ClientEvents
OnValueChanged
=
"AxisYTitleTextBox_Changed"
/>
</
telerik:RadTextBox
>
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowItemLabels"
runat
=
"server"
Checked
=
"true"
onclick
=
"ShowItemLabels_Click(this);"
/>
</
td
>
<
td
>
Show item labels.
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowYAxisGridlines"
runat
=
"server"
onclick
=
"ShowYAxisGridlines_Click(this);"
/>
</
td
>
<
td
>
Show Y axis gridlines.
</
td
>
</
tr
>
<
tr
>
<
td
>
Axis X format:
</
td
>
<
td
>
<
telerik:RadComboBox
ID
=
"AxisXFormat"
runat
=
"server"
OnClientSelectedIndexChanged
=
"AxisXFormat_Changed"
Width
=
"220px"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"MMM/dd/yy"
/>
<
telerik:RadComboBoxItem
Text
=
"MM/dd/yyyy"
/>
<
telerik:RadComboBoxItem
Text
=
"Day: #VAL{dddd}"
/>
<
telerik:RadComboBoxItem
Text
=
"HH:mm:ss"
/>
<
telerik:RadComboBoxItem
Text
=
"yyyy MMMM"
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowXAxis"
runat
=
"server"
Checked
=
"true"
onclick
=
"ShowXAxis_Click(this);"
/>
</
td
>
<
td
>
Show X axis.
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowXAxisStriplines"
runat
=
"server"
onclick
=
"ShowXAxisStriplines_Click(this);"
/>
</
td
>
<
td
>
Show X axis striplines.
</
td
>
</
tr
>
<
tr
>
<
td
>
Axis Y format:
</
td
>
<
td
>
<
telerik:RadComboBox
ID
=
"AxisYFormat"
runat
=
"server"
OnClientSelectedIndexChanged
=
"AxisYFormat_Changed"
Width
=
"220px"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"N"
/>
<
telerik:RadComboBoxItem
Text
=
"C"
/>
<
telerik:RadComboBoxItem
Text
=
"Amount: #VAL{C0}"
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowYAxis"
runat
=
"server"
Checked
=
"true"
onclick
=
"ShowYAxis_Click(this);"
/>
</
td
>
<
td
>
Show Y axis.
</
td
>
<
td
>
<
asp:CheckBox
ID
=
"ShowYAxisStriplines"
runat
=
"server"
Checked
=
"true"
onclick
=
"ShowYAxisStriplines_Click(this);"
/>
</
td
>
<
td
>
Show Y axis striplines.
</
td
>
</
tr
>
<
tr
>
<
td
>
Chart item format:
</
td
>
<
td
>
<
telerik:RadComboBox
ID
=
"ChartItemFormat"
runat
=
"server"
OnClientSelectedIndexChanged
=
"ItemsFormat_Changed"
Width
=
"220px"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"N"
/>
<
telerik:RadComboBoxItem
Text
=
"C"
/>
<
telerik:RadComboBoxItem
Text
=
"Amount: #Y{C0}"
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
</
tr
>
</
table
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
runat
=
"server"
Skin
=
"Telerik"
DecoratedControls
=
"All"
/>
</
form
>
</
body
>
</
html
>