I have tried to use an HTMLEditorExtender inside both EditItemTemplate and InsertItemTemplate in DetailsView. The Textbox does not render properly (wrong colors) and the buttons also do not render properly.
If I copy the Textbox and HTMLEditorExtender markup and paste them outside the DetailsView it all works fine.
The code is pretty simple:
<asp:TemplateField HeaderText="Problem" SortExpression="problem" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="false" >
<EditItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' />
</ItemTemplate>
I have attached two images; one where the Editor renders correctly outside the DetailsView and one rendered inside the DetailsView
Comments: The same happens in my Webapplication. The HTMLExtender is inside an InsertItemTemplate, the FormView lies inside a UserControl. When the UserControl is loaded the first time it looks like the one in "broken-editor.jpg". After I reload the Page, it looks normal. Any ideas what to do to make it look right the first time? Thank you very much!
If I copy the Textbox and HTMLEditorExtender markup and paste them outside the DetailsView it all works fine.
The code is pretty simple:
<asp:TemplateField HeaderText="Problem" SortExpression="problem" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="false" >
<EditItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' />
</ItemTemplate>
I have attached two images; one where the Editor renders correctly outside the DetailsView and one rendered inside the DetailsView
Comments: The same happens in my Webapplication. The HTMLExtender is inside an InsertItemTemplate, the FormView lies inside a UserControl. When the UserControl is loaded the first time it looks like the one in "broken-editor.jpg". After I reload the Page, it looks normal. Any ideas what to do to make it look right the first time? Thank you very much!