<
telerik:RadDockZone
ID
=
"RadDockZoneTest"
Runat
=
"server"
Width
=
"300px"
BorderStyle
=
"None"
Skin
=
"Forest"
>
<
telerik:RadDock
ID
=
"RadDock4"
Runat
=
"server"
Width
=
"300px"
DefaultCommands
=
"None"
EnableDrag
=
"False"
EnableRoundedCorners
=
"True"
Skin
=
"Forest"
>
<
TitlebarTemplate
>
<
table
style
=
"width:100%;"
>
<
tr
>
<
td
style
=
"vertical-align: middle; width: 20px;"
>
<
telerik:RadButton
ID
=
"rbtnReport"
runat
=
"server"
AutoPostBack
=
"False"
ButtonType
=
"ToggleButton"
Text
=
""
ToggleType
=
"Radio"
Skin
=
"Forest"
>
</
telerik:RadButton
>
</
td
>
<
td
style
=
"vertical-align: middle"
>
<
asp:Label
ID
=
"Label7"
runat
=
"server"
Text
=
"CAPTION"
Font-Names
=
"Segoe UI"
Font-Size
=
"10pt"
></
asp:Label
>
</
td
>
</
tr
>
</
table
>
</
TitlebarTemplate
>
<
ContentTemplate
>
<
asp:Label
ID
=
"Label8"
runat
=
"server"
Text
=
"Result in IExplorer"
></
asp:Label
>
</
ContentTemplate
>
</
telerik:RadDock
>
</
telerik:RadDockZone
>
<telerik:ChartSeries DataYColumn="UnitPrice" Name="Product Unit Price"> <Appearance> <FillStyle FillType="Image"> <FillSettings BackgroundImage="~/App_Themes/ESDTheme/Images/MechEngg/bar_bg.jpg"> </FillSettings> </FillStyle> <LabelAppearance Visible="False"> </LabelAppearance> <Border Visible="False"></Border> </Appearance> </telerik:ChartSeries>
<
telerik:RadUpload
ID
=
"rupReqAttachment"
runat
=
"server"
MaxFileSize
=
"1000000000"
MaxFileInputsCount
=
"1"
ReadOnlyFileInputs
=
"true"
InputSize
=
"30"
ControlObjectsVisibility
=
"None"
AllowedFileExtensions
=
".txt,.pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.bmp,.gif"
>
</
telerik:RadUpload
>
<
telerik:RadScriptBlock
ID
=
"rsb"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function toggleDiv(div, st) {
$get('div' + div).style.display = st;
}
function validationFailed(sender, eventArgs) {
$(".ErrorHolder").append("<
p
><
span
style
=
'color:red;'
>Het bestand '" + eventArgs.get_fileName() + "' is te groot.<
br
/>De maximale bestandsgrootte is 100Mb per bestand. Upload afgebroken.</
span
></
p
>").fadeIn("slow");
}
function filesSelected(sender, eventArgs) {
}
</
script
>
</
telerik:RadScriptBlock
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
runat
=
"server"
DecoratedControls
=
"RadioButtons, Textbox, Checkboxes, Buttons"
EnableRoundedCorners
=
"false"
Skin
=
"Office2007"
/>
<
asp:RadioButton
ID
=
"rb0post"
runat
=
"server"
GroupName
=
"g0"
Text
=
"per post"
TextAlign
=
"Right"
onclick
=
"toggleDiv('0', 'none');"
/>
<
br
/>
<
asp:RadioButton
ID
=
"rb0email"
runat
=
"server"
GroupName
=
"g0"
Text
=
"digitaal"
TextAlign
=
"Right"
onclick
=
"toggleDiv('0', '');"
/>
<
br
/>
<
div
id
=
"div0"
>
<
telerik:RadAsyncUpload
OnClientFilesSelected
=
"filesSelected"
MaxFileSize
=
"102400000"
ID
=
"RadAsyncUpload0"
runat
=
"server"
Skin
=
"Office2007"
TargetFolder
=
"~/Uploads"
AllowedFileExtensions
=
".doc,.xls,.ppt,.pdf,.jpg,.gif,.bmp,.tif,.tiff,.png,.sif,.zip,.swf,.docx,.xlsx,.pptx,.avi,.mpg,.mpeg,.mp3,.wav,.odt,.ods"
Culture
=
"Dutch (Netherlands)"
MultipleFileSelection
=
"Automatic"
OnClientValidationFailed
=
"validationFailed"
>
<
Localization
Cancel
=
"Annuleren"
Remove
=
"Verwijderen"
Select
=
"Selecteren"
/>
</
telerik:RadAsyncUpload
><
div
id
=
"ErrorHolder"
></
div
>
Reeds geüpload:
</
div
>
<
telerik:RadAsyncUpload
OnClientFilesSelected
=
"filesSelected"
MaxFileSize
=
"102400000"
ID
=
"RadAsyncUpload1"
runat
=
"server"
Skin
=
"Office2007"
TargetFolder
=
"~/Uploads"
AllowedFileExtensions
=
".doc,.xls,.ppt,.pdf,.jpg,.gif,.bmp,.tif,.tiff,.png,.sif,.zip,.swf,.docx,.xlsx,.pptx,.avi,.mpg,.mpeg,.mp3,.wav,.odt,.ods"
Culture
=
"Dutch (Netherlands)"
MultipleFileSelection
=
"Automatic"
OnClientValidationFailed
=
"validationFailed"
>
<
Localization
Cancel
=
"Annuleren"
Remove
=
"Verwijderen"
Select
=
"Selecteren"
/>
</
telerik:RadAsyncUpload
><
div
id
=
"ErrorHolder"
>
The application that I am working with has hundreds of style sheets for different clients that are dynamically loaded based on client configuration. All style sheet references are defined in the application's master page. After adding a few newer Telerik controls to some of the pages along with the additional custom skin css references, we have reached the 31+ max css limit for IE and various controls are beggining to experience style/rendering issues. The RadStyleSheetManager seems like a good solution to implement in order to consolidate these multiple css references into one.
From the little documentation available for the RadStyleSheetManager, it seems that it only works for style sheets that are in a separate class library defined as a web resource... is this the only way? Can the RadStyleSheetManager combine css embedded resources that are local to the project? Something like ...
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadStyleSheetManager._Default" %> |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<!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"> |
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" Runat="server"> |
<StyleSheets> |
<telerik:StyleSheetReference Path="Stylesheet1.css" Name="StyleSheet1.css" /> |
<telerik:StyleSheetReference Path="Stylesheet2.css" Name="StyleSheet2.css" /> |
<telerik:StyleSheetReference Path="Stylesheet3.css" Name="StyleSheet3.css" /> |
</StyleSheets> |
</telerik:RadStyleSheetManager> |
<div> |
<div class="Style1">Style 1</div> |
<div class="Style2">Style 2</div> |
<div class="Style3">Style 3</div> |
</div> |
</form> |
</body> |
</html> |
<
configuration
>
<
system.web
>
<
authorization
>
<
allow
roles
=
"PubAll"
/>
<
allow
roles
=
"PubCpi"
/>
<
deny
users
=
"*"
/>
</
authorization
>
</
system.web
>
</
configuration
>