ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - HTML Editor - Two Edit panels

ASP.NET
<%@ Register Assembly="Obout.Ajax.UI" TagPrefix="obout" Namespace="Obout.Ajax.UI.HTMLEditor" %>
<%@ Register Assembly="Obout.Ajax.UI" TagPrefix="obout" Namespace="Obout.Ajax.UI.HTMLEditor.ContextMenu" %>
<obout:PopupHolder runat="server" id="popupHolder" DefaultAddPolicy="Demand" />
<obout:EditorTopToolbar runat="server" PopupHolderID="popupHolder" Width="618px"
  Id="TopToolbar" CssClass="toptoolbar" PreservePlace="True" />
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<table border="0" cellspacing="0" cellpadding="0" style="width:620px;">
<tr>
<td style="height:300px; border: 1px solid #C2C2C2; overflow:hidden;">
<obout:EditorEditPanel PopupHolderID="popupHolder" runat="server" Id="EditPanel1"
  OnClientFocused="onFocused" AutoFocus="true"
  LinkedToolbars="TopToolbar;BottomToolbar" ContextMenuID="contextMenu"
  Style="height:100%; width:310px; background-color: #FFFFFF; overflow:hidden;" />
</td>
<td style="height:300px; border: 1px solid #C2C2C2; overflow:hidden;">
<obout:EditorEditPanel PopupHolderID="popupHolder" runat="server" Id="EditPanel2"
  OnClientFocused="onFocused" AutoFocus="false"
  LinkedToolbars="TopToolbar;BottomToolbar" ContextMenuID="contextMenu"
  Style="height:100%; width:310px; background-color: #FFFFFF; overflow:hidden;" />
</td>
</tr>
</table>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Submit" />
</Triggers>
</asp:UpdatePanel>
<obout:EditorBottomToolbar runat="server" Id="BottomToolbar" Width="620px" Height="25px"
  CssClass="bottomtoolbar" />
<obout:DefaultContextMenu runat="server" ID="contextMenu" PopupHolderID="popupHolder" />
<asp:Button runat="server" Text="Submit content" ID="Submit" />

"I am absolutelly impressed with your suite that’s what makes ASP .net development really effective and fun even for an ASP .net rookie like me."

Szabolcs Apro
Software Consultant

Random testimonial   All testimonials