
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;}