Adam:
After some tests with examples, it has become clear that using a stylesheet theme and theme for the page is where the trouble comes from. In other words, it works fine until I specify these two items for the page.
Below is the stylesheet and theme info. What here is causing the problem?
STYLESHEET within theme folder
/* Define normal text */
P
{
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10pt;
font-family: Verdana;
}
TD
{
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10pt;
font-family: Verdana;
}
H1
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 16pt;
font-family: Verdana;
color: #00447c;
}
.H1
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 16pt;
font-family: Verdana;
color: #00447c;
}
H2
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14pt;
font-family: Verdana;
color: #007cc2;
}
.H2
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14pt;
font-family: Verdana;
color: #007cc2;
}
H3
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13pt;
font-family: Verdana;
color: #01335b;
}
.H3
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13pt;
font-family: Verdana;
color: #01335b;
}
H4
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11pt;
font-family: Verdana;
color: #01335b;
}
.H4
{
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11pt;
font-family: Verdana;
color: #01335b;
}
H5
{
font-style: italic;
font-variant: normal;
font-weight: bold;
font-size: 10pt;
font-family: Verdana;
color: #01335b;
}
.H5
{
font-style: italic;
font-variant: normal;
font-weight: bold;
font-size: 10pt;
font-family: Verdana;
color: #01335b;
}
/* Define masterpage banner text and background color */
.bannertxt
{
font-style: italic;
font-variant: normal;
font-weight: bold;
font-size: 12pt;
font-family: Verdana;
color: #01639a;
}
.banner
{
background-color: #ffffff;
}
/* define login text, menubar color */
.logintxt
{
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 9pt;
font-family: Verdana;
color: #00447c;
}
.menu
{
background-color: #2f63a8;
}
/* Define tables with header */
.newtable
{
border-right: gray thin solid;
border-top: gray thin solid;
border-left: gray thin solid;
border-bottom: gray thin solid;
}
.tblhdr
{
text-align: center;
background-color: #4c71a1;
font-size: 10pt;
font-weight: bold;
color: #ffffff;
}
.tblcell
{
background-color: #c5ddf5;
color: #224474;
}
.tblsmoke
{
background-color: #f5f5f5;
color: #224474;
}
/* define basic column colors */
.color1
{
background-color: #c0d635;
}
.color2
{
background-color: #93b9ee;
}
.color3
{
background-color: #c5ddf5;
}
div.centered
{
text-align: center;
}
div.centered table
{
margin: 0 auto;
text-align: left;
}
THEME default.skin
<aap:HyperLink runat="server"
Font-Underline="True"
ForeColor="#2462ab"></asp:HyperLink>
<asp:HyperLink runat="server"
Font="Verdana"
Font-Size="9"
Font-Bold="True"
skinID="menulink"
Font-Underline="False"
ForeColor="#ffffff"></asp:HyperLink>
<asp:LinkButton runat="server"
Font-Underline="True"
ForeColor="#2462ab"></asp:LinkButton>
<asp:Image runat="server"
BorderColor="#ffffff" />
<asp:TextBox runat="server"
Font-Names="Verdana"
Font-Size="10pt"></asp:TextBox>
<asp:ImageButton runat="server"
BorderColor="#ffffff" />
<%-- Details view for database page subtitles:
set ItemStyle BackColor="Transparent" CssClass="H3" for subtitle --%>
<asp:DetailsView runat="server"
skinID="Subtitle"
AutoGenerateRows="False"
CellPadding="0"
HorizontalAlign="Left"
BorderWidth="0px"
BorderStyle="None">
</asp:DetailsView>
<asp:DetailsView runat="server"
BorderColor="Gray"
CellPadding="2"
HorizontalAlign="Center"
BorderStyle="Solid"
BorderWidth="2px">
<CommandRowStyle
Font-Bold="False"
HorizontalAlign="Center" />
<EditRowStyle
BackColor="#f5f5f5"
HorizontalAlign="Left"
ForeColor="#224474" />
<RowStyle
BackColor="#f5f5f5"
HorizontalAlign="Left"
ForeColor="#224474" />
<FieldHeaderStyle
Font-Bold="True"
HorizontalAlign="Right"
VerticalAlign="Top" />
<HeaderStyle
BackColor="#4c71a1"
Font-Bold="True"
Font-Names="Verdana"
Font-Size="10pt"
HorizontalAlign="Center"
ForeColor="White" />
<InsertRowStyle
BackColor="#f5f5f5"
HorizontalAlign="Left"
ForeColor="#224474" />
</asp:DetailsView>
<asp:GridView runat="server"
AutoGenerateColumns="False"
BackColor="WhiteSmoke"
BorderColor="Gray"
BorderStyle="Solid"
BorderWidth="2px"
CellPadding="2"
HorizontalAlign="Center">
<RowStyle
BackColor="WhiteSmoke"
ForeColor="#000060" />
<PagerStyle
BackColor="#5e87be"
ForeColor="White"
HorizontalAlign="Center" />
<SelectedRowStyle
BackColor="WhiteSmoke"
ForeColor="#000060" />
<HeaderStyle
BackColor="#4c71a1"
ForeColor="White"
Font-Bold="True"
HorizontalAlign="Center" />
<EditRowStyle
BackColor="WhiteSmoke"
ForeColor="#000060" />
<AlternatingRowStyle
BackColor="#e3e3e3"
ForeColor="#000060" />
</asp:GridView>
<asp:GridView runat="server"
SkinID="WhiteRows"
AutoGenerateColumns="False"
BackColor="WhiteSmoke"
BorderColor="Gray"
BorderStyle="Solid"
BorderWidth="2px"
CellPadding="2"
HorizontalAlign="Center">
<RowStyle
BackColor="White"
ForeColor="#000060" />
<PagerStyle
BackColor="#5e87be"
ForeColor="White"
HorizontalAlign="Center" />
<SelectedRowStyle
BackColor="WhiteSmoke"
ForeColor="#000060" />
<HeaderStyle
BackColor="#4c71a1"
ForeColor="White"
Font-Bold="True"
HorizontalAlign="Center" />
<EditRowStyle
BackColor="WhiteSmoke"
ForeColor="#000060" />
<AlternatingRowStyle
BackColor="White"
ForeColor="#000060" />
</asp:GridView>
<asp:LoginStatus runat="server"
SkinID="LoginStatus"
Font-Bold="True"
Font-Italic="false"
Font-Underline="False"
ForeColor="MidnightBlue" />
<asp:LinkButton runat="server"
skinID="Login"
Font-Bold="True"
Font-Italic="false"
Font-Underline="False"
ForeColor="MidnightBlue"></asp:LinkButton>
And here is the editor code for the specific case I was testing:
<CE:Editor ID="ceQuestionEditor" runat="server" BreakElement="Br" ConfigurationPath="~/CuteSoft_Client/CuteEditor/Configuration/wide-quiz.config"
ContextMenuMode="None" EnableContextMenu="False" Height="150px" MaxHTMLLength="2000"
MaxTextLength="2000" ShowBottomBar="False" Width="100%">
<FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px"
CssClass="CuteEditorFrame" Height="100%" Width="100%" />
</CE:Editor>