Hello,
We currently have Rad editor installed on our instance of MOSS 2007, publishing protal to allow users to update content on web pages, this works fine but the editor doesn't seem to be WISYWIG, it doesn't seem to be using the CSS files associated with our website, but when the page is redered in normal website viewing mode - the styles are picked up fine.
Is there a way to configure the Rad Editor within Sharepoint to pick up the CSS file(s) being used on the website?
We are currently using the following code within our Master Pages / Page layouts:
<%@ Register TagPrefix="telerik" Namespace="Telerik.SharePoint.FieldEditor"
Assembly="RadEditorSharePoint, Version=5.3.2.0, culture=neutral,
PublicKeyToken=1f131a624888eeed" %>
<
telerik:RadHtmlField
id
=
"Content"
DisplayWidth
=
"1000px"
FieldName
=
"PublishingPageContent"
runat
=
"server"
AllowSpecialTags
=
"true"
>
</
telerik:RadHtmlField
>
GridTemplateColumn
in my RadGrid That Regular filtering on them has error and it seems we should change them! GridTemplateColumns
are like below : <
telerik:GridTemplateColumn
FilterControlAltText
=
"Filter Online column"
HeaderText
=
"Online"
UniqueName
=
"Online"
>
<
ItemTemplate
>
<
asp:CheckBox
ID
=
"chkOnline"
runat
=
"server"
Checked='<%# CheckForOnline(Eval("ID")) %>'
Enabled="False" />
</
ItemTemplate
>
<
HeaderStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
/>
<
ItemStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
Width
=
"100px"
/>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
FilterControlAltText
=
"Filter FileSize column"
HeaderText
=
"FileSize"
UniqueName
=
"FileSize"
Visible
=
"False"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"lblFileSize"
runat
=
"server"
Text='<%# Eval("FileSize") %>'></
asp:Label
>
</
ItemTemplate
>
<
HeaderStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
/>
<
ItemStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
/>
</
telerik:GridTemplateColumn
>
<
telerik:GridTemplateColumn
FilterControlAltText
=
"Filter FileSizeChange column"
HeaderText
=
"FileSize"
UniqueName
=
"FileSizeChange"
>
<
ItemTemplate
>
<
asp:Label
ID
=
"lblFileSizeChange"
runat
=
"server"
Text='<%# ChangeFileSize(Eval("FileSize")) %>'></
asp:Label
>
</
ItemTemplate
>
<
HeaderStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
/>
<
ItemStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
/>
</
telerik:GridTemplateColumn
>
FileSize
TemplateColumn
is disable and i am using FileSizeChange
instead! <%@ Page Language="C#" AutoEventWireup="true" CodeFile="PrintDemo.aspx.cs" Inherits="PrintDemo" %>
<%@ 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
>
<
link
rel
=
"stylesheet"
href
=
"PrintStyleSheet.css"
type
=
"text/css"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
Runat
=
"server"
>
</
telerik:RadScriptManager
>
<
table
style
=
"width: 877px"
>
<
tr
style
=
"height:20px; vertical-align:middle;"
>
<
td
align
=
"center"
id
=
"headid"
>
<
asp:Label
id
=
"Heading"
Text
=
"Print checking "
runat
=
"server"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
>
<
asp:Label
ID
=
"printContent"
runat
=
"server"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"height:20px;"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
>
<
telerik:RadButton
ID
=
"printbtn"
Text
=
" Print "
OnClientClicked
=
"javascript:self.print();return false;"
runat
=
"server"
></
telerik:RadButton
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
>
<
asp:Button
ID
=
"printbutton"
OnClientClick
=
"javascript:self.print();return false;"
Text
=
"Print"
runat
=
"server"
/>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
>
<
input
type
=
"button"
value
=
"Print"
onclick
=
"JavaScript:window.print();"
/>
</
td
>
</
tr
>
</
table
>
</
div
>
</
form
>
</
body
>
</
html
>
$(document).ready(function () {
var ddl = $("#<%= RadComboBox1.ClientID %>"); |
var value = ddl.get_value(); |
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RCBKon"
DataTextField
=
"KON_Numer"
DataValueField
=
"KON_Numer"
Filter
=
"Contains"
<br> DataSourceID="sqlKolumny" Width="70px" DropDownWidth="100px" SelectedValue='<%#Bind("KON_Numer") %>' Height="100px" <
br
> onpropertychange="javascript:KolChanged();" onfocus="javascript:selectrow();"><
br
> </
telerik:RadComboBox
>
<%@ Page Title=
"Specimen Tracking System - External Lab Details"
Language=
"C#"
MasterPageFile=
"~/ExternalLab.master"
AutoEventWireup=
"true"
CodeFile=
"ExternalLabDetails.aspx.cs"
Inherits=
"ExternalLabDetails"
%>
<%@ Register assembly=
"Telerik.Web.UI"
namespace=
"Telerik.Web.UI"
tagprefix=
"telerik"
%>
<asp:Content ID=
"Content2"
ContentPlaceHolderID=
"ContentPlaceHolder1"
Runat=
"Server"
>
<link rel=
"Stylesheet"
href=
"StyleSheet.css"
type=
"text/css"
/>
<script language=
"javascript"
type=
"text/javascript"
>
changeBackground(
'BatchDetails'
);
function
showalert(message) {
alert(message);
return
;
}
function
clearFields() {
}
function
clearfields(message) {
if
(message) {
// clearFields();
alert(message);
return
;
}
}
function
validations() {
if
(document.getElementById(
'ctl00_ContentPlaceHolder1_ddlBatchNumber'
).value ==
"Select Batch Number"
) {
alert(
"Select Batch Number"
);
document.getElementById(
'ctl00_ContentPlaceHolder1_ddlBatchNumber'
).focus();
return
false
;
}
if
(document.getElementById(
'ctl00_ContentPlaceHolder1_DateReceived'
).value ==
''
) {
alert(
"Select Received Date"
);
return
false
;
}
}
</script>
<script language=
"javascript"
type=
"text/javascript"
>
function
showImageOnSelectedItemChanging(sender, eventArgs) {
var
input = sender.get_inputDomElement()
input.style.background =
"url("
+ eventArgs.get_item().get_imageUrl() +
") no-repeat"
;
input.style.paddingLeft =
"22px"
;
}
function
showSelectedImage(sender) {
var
input = sender.get_inputDomElement();
var
item = sender.get_selectedItem();
// input.style.background =
// "url(" + item.get_imageUrl() + ") no-repeat";
// input.style.paddingLeft = "22px";
}
</script>
<table width=
"760"
border=
"0"
cellpadding=
"0"
cellspacing=
"0"
bgcolor=
"#FFFFFF"
>
<tr>
<td height=
"5"
></td>
</tr>
<tr>
<td align=
"left"
style=
"border: solid 1px #9ce3ff; padding-left:5px;"
>
<!-- Add Table Start Here -->
<table width=
"750"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
<tr>
<td height=
"5"
></td>
</tr>
<tr>
<td align=
"left"
><h3><img src=
"images/External_lab-title.gif"
alt=
"Form FT"
height=
"29"
border=
"0"
/></h3></td>
</tr>
<tr>
<td align=
"left"
>
<table width=
"745"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
<tr>
<td colspan=
"2"
align=
"left"
> </td>
<td colspan=
"2"
height=
"30"
align=
"right"
class=
"smallText"
>( <span class=
"mandatory"
>*</span> = Required )</td></tr>
<tr>
<td width=
"113"
height=
"28"
class=
"heading"
>Batch Number:</td>
<td width=
"350"
height=
"28"
align=
"left"
>
<asp:UpdatePanel ID=
"UpdatePanel1"
runat=
"server"
>
<ContentTemplate>
<asp:DropDownList ID=
"ddlBatchNumber"
CssClass=
"dropdown"
Width=
"150px"
runat=
"server"
AutoPostBack=
"True"
onselectedindexchanged=
"ddlBatchNumber_SelectedIndexChanged"
>
</asp:DropDownList><span class=
"mandatory"
>*</span>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td width=
"90"
class=
"heading"
>Courier Name:</td>
<td width=
"192"
align=
"left"
>
<asp:UpdatePanel ID=
"UpdatePanel3"
runat=
"server"
>
<ContentTemplate>
<asp:TextBox ID=
"txtCourierName"
runat=
"server"
Width=
"176px"
Enabled=
"False"
></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel></td>
</tr>
<tr>
<td height=
"28"
class=
"heading"
>Tracking Number:</td>
<td align=
"left"
>
<asp:UpdatePanel ID=
"UpdatePanel4"
runat=
"server"
>
<ContentTemplate>
<asp:TextBox ID=
"txtTrackNumber"
runat=
"server"
Enabled=
"false"
Width=
"146px"
></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td height=
"28"
class=
"heading"
>Date Shipped:</td>
<td height=
"28"
align=
"left"
>
<asp:UpdatePanel ID=
"UpdatePanel5"
runat=
"server"
>
<ContentTemplate>
<telerik:RadDateTimePicker ID=
"DateShipped"
Runat=
"server"
Enabled=
"False"
>
<Calendar UseColumnHeadersAsSelectors=
"False"
UseRowHeadersAsSelectors=
"False"
ViewSelectorText=
"x"
>
</Calendar>
<TimeView CellSpacing=
"-1"
>
</TimeView>
<TimePopupButton HoverImageUrl=
""
ImageUrl=
""
/>
<DatePopupButton HoverImageUrl=
""
ImageUrl=
""
/>
<DateInput DateFormat=
"M/d/yyyy"
DisplayDateFormat=
"M/d/yyyy"
>
</DateInput>
</telerik:RadDateTimePicker>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td height=
"28"
class=
"heading"
>Received Date:</td>
<td align=
"left"
>
<asp:UpdatePanel ID=
"UpdatePanel7"
runat=
"server"
>
<ContentTemplate>
<telerik:RadDateTimePicker ID=
"DateReceived"
Runat=
"server"
>
</telerik:RadDateTimePicker><span class=
"mandatory"
>*</span>
</ContentTemplate>
</asp:UpdatePanel></td>
<td height=
"28"
class=
"heading"
colspan=
"2"
></td>
</tr>
<tr><td colspan=
"4"
height=
"20"
></td></tr>
<tr>
<td colspan=
"4"
align=
"left"
valign=
"top"
>
<asp:UpdatePanel ID=
"UpdatePanel2"
runat=
"server"
>
<ContentTemplate>
<asp:GridView ID=
"gvSpecimens"
runat=
"server"
AutoGenerateColumns=
"False"
AllowPaging=
"True"
PageSize=
"14"
CellPadding=
"4"
ForeColor=
"#333333"
Width=
"747px"
onpageindexchanging=
"gvSpecimens_PageIndexChanging1"
>
<FooterStyle BackColor=
"#507CD1"
Font-Bold=
"True"
ForeColor=
"White"
/>
<RowStyle BackColor=
"#FFFFF4"
Height=
"25px"
/>
<Columns>
<asp:BoundField HeaderText=
"Specimen Number"
DataField=
"Specimen Number"
>
<HeaderStyle CssClass=
"GridHeading"
Width=
"80px"
/>
<ItemStyle CssClass=
"GridText"
Width=
"150px"
/>
</asp:BoundField>
<asp:TemplateField HeaderText=
"Lab Accession Number"
>
<ItemTemplate>
<asp:TextBox ID=
"txtAccessionNumber"
runat=
"server"
CssClass=
"inputBox"
Width=
"95px"
Enabled=
"False"
ReadOnly=
"True"
></asp:TextBox>
</ItemTemplate>
<HeaderStyle CssClass=
"GridHeading"
Width=
"80px"
></HeaderStyle>
</asp:TemplateField>
<asp:BoundField HeaderText=
"Specimen Condition assigned by NSABP DMG"
DataField=
"Specimen Condition"
>
<HeaderStyle CssClass=
"GridHeading"
Width=
"100px"
/>
<ItemStyle CssClass=
"GridText"
/>
</asp:BoundField>
<asp:TemplateField HeaderText=
"Specimen Condition"
>
<ItemTemplate>
<asp:DropDownList ID=
"ddlSpecimenCondition"
runat=
"server"
CssClass=
"dropdown1"
Width=
"203px"
Height=
"30px"
>
</asp:DropDownList>
</ItemTemplate>
<HeaderStyle CssClass=
"GridHeading"
Width=
"110px"
></HeaderStyle>
</asp:TemplateField>
<asp:BoundField HeaderText=
"LabNumber"
DataField=
"LabNumber"
>
<HeaderStyle CssClass=
"hideGridColumn"
Width=
"10px"
/>
<ItemStyle CssClass=
"hideGridColumn"
/>
</asp:BoundField>
<asp:TemplateField HeaderText=
"Temperature"
HeaderStyle-CssClass=
"GridHeading"
>
<ItemTemplate>
<asp:Label runat=
"server"
ID=
"lblTemperature"
CssClass=
"GridText"
Text=
'<%# Bind("NSABPTemperature") %>'
></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText=
"Temperature Received"
>
<ItemTemplate>
<telerik:RadComboBox ID=
"ddlTemperature"
Runat=
"server"
Width=
"120px"
OnClientLoad=
"showSelectedImage"
OnClientSelectedIndexChanging=
"showImageOnSelectedItemChanging"
>
</telerik:RadComboBox>
</ItemTemplate>
<HeaderStyle CssClass=
"GridHeading"
Width=
"80px"
></HeaderStyle>
</asp:TemplateField>
<asp:TemplateField HeaderText=
"Multi Core"
ItemStyle-HorizontalAlign=Center>
<ItemTemplate>
<asp:CheckBox ID=
"chkMultiCore"
runat=
"server"
AutoPostBack=
"true"
OnCheckedChanged =
"chkMultiCore_CheckedChanged"
>
</asp:CheckBox>
</ItemTemplate>
<HeaderStyle CssClass=
"GridHeading"
></HeaderStyle>
</asp:TemplateField>
<asp:BoundField HeaderText=
"CoreNumber"
DataField=
"CoreNumber"
>
<HeaderStyle CssClass=
"hideGridColumn"
Width=
"10px"
/>
<ItemStyle CssClass=
"hideGridColumn"
/>
</asp:BoundField>
<asp:TemplateField HeaderText=
"No.of Cores"
ItemStyle-HorizontalAlign=Center >
<ItemTemplate >
<asp:DropDownList ID=
"ddlCoreNumbers"
runat=
"server"
Width=
"38px"
AutoPostBack=
true
OnSelectedIndexChanged=
"ddlCoreNumbers_SelectedIndexChanged"
>
<asp:ListItem Value=
"1"
>1</asp:ListItem>
<asp:ListItem Value=
"2"
>2</asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
<HeaderStyle CssClass=
"GridHeading"
></HeaderStyle>
</asp:TemplateField>
</Columns>
<PagerStyle BackColor=
"#F7F4D2"
ForeColor=
"#333333"
HorizontalAlign=
"Center"
Font-Bold=
"true"
Font-Size=
"12px"
/>
<SelectedRowStyle BackColor=
"#D1DDF1"
Font-Bold=
"True"
ForeColor=
"#333333"
/>
<HeaderStyle BackColor=
"#F7F4D2"
Font-Bold=
"True"
ForeColor=
"White"
/>
<EditRowStyle BorderStyle=
"None"
BackColor=
"#2461BF"
/>
<AlternatingRowStyle BackColor=
"White"
/>
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table> </td>
</tr>
<tr>
<td height=
"5"
align=
"left"
></td>
</tr>
<tr>
<td align=
"center"
>
<table width=
"160"
border=
"0"
cellspacing=
"3"
cellpadding=
"0"
>
<tr>
<td align=
"center"
>
<asp:UpdatePanel ID=
"UpdatePanel6"
runat=
"server"
>
<ContentTemplate>
<asp:ImageButton ID=
"btnSave"
ImageUrl=
"~/Images/save.gif"
runat=
"server"
onclick=
"btnSave_Click"
/>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td align=
"center"
><asp:ImageButton ID=
"btnCancel"
ImageUrl=
"~/Images/cancel.gif"
runat=
"server"
onclick=
"btnCancel_Click"
/></td>
</tr>
</table> </td>
</tr>
</table>
<!-- Add Table End Here -->
</td>
</tr>
</table>
</asp:Content>
Sever side code:
I'm using below code bind images to gridview Radcombobox
RadComboBox ddlTemperature = ((RadComboBox)gvSpecimens.Rows[i].FindControl("ddlTemperature"));
DirectoryInfo imgDir = new DirectoryInfo(Server.MapPath("TemperatureIcons/"));
RadComboBoxItem item1 = new RadComboBoxItem("Select", "0");
ddlTemperature.Items.Add(item1);
foreach (FileInfo file in imgDir.GetFiles("*.gif"))
{
RadComboBoxItem item = new RadComboBoxItem("", file.Name.Replace(".gif", ""));
item.ImageUrl =
"TemperatureIcons/" + file.Name;
ddlTemperature.Items.Add(item);
}
Could you please tell me the reason what it could be and suggest me to move from my struckpoint.
.RadComboBox_Sitefinity, .RadComboBox_Sitefinity .rcbInput, .RadComboBoxDropDown_Sitefinity {
color
:
#333333
;
font
:
12px
Arial
,
Helvetica
,
sans-serif
;
}
.RadInput_Sitefinity, .RadInputMgr_Sitefinity {
font
:
12px
"segoe ui"
,
arial
,
sans-serif
;
}
.RadInput_Sitefinity .riLabel {
color
:
#000000
;
}