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" />

"Keep up the great development; you guys are true heroes in the world wild web of .NET programming!"

Maurice Battle

Random testimonial   All testimonials