ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - HTML Editor - Editor in ModalPopup

Edit content



Generates browser-independent

and standards-compliant HTML


Loads features on demand -- lightweight and fast


Fully customizable: external image galleries,

custom buttons, import/export content, templates


Integrates with grid, AJAXPage, flyout and other controls




ASP.NET
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor" TagPrefix="obout" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %>
<script runat="server" language="c#">
protected void SubmitClick(object sender, EventArgs e)
{
   ContentPanel.Text = editor.Content;
   ModalPopupExtender.Hide();
}
</script>
...
<script type="text/JavaScript">
function cancelPopup() {
   $find("<%= ModalPopupExtender.ClientID %>").hide();
   return false;
}
</script>
...
<obout:PopupHolder runat="server" id="popupHolder" DefaultAddPolicy="Demand" PopupsZIndex="200000" />
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" Text="Edit content" />
<asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
<obout:Editor runat="server" Id="editor" Height="400px" Width="100%" PopupHolderID="popupHolder" />
<asp:LinkButton runat="server" onclick="SubmitClick" Text="Save content" ID="Submit" />
<asp:LinkButton ID="CancelButton" runat="server" Text="Cancel" OnClientClick="return cancelPopup();" />
</asp:Panel>
<act:ModalPopupExtender ID="ModalPopupExtender" runat="server"
  TargetControlID="LinkButton1"
  PopupControlID="Panel1"
  BackgroundCssClass="modalBackground"
  CancelControlID="CancelButton"
  DropShadow="true" />
<hr />
<asp:Label ID="ContentPanel" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>

"Great. Thanks again. I appreciate all your invaluable support and patience."

Quang Tran

Random testimonial   All testimonials