ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - HTML Editor - Editor in obout Flyout

ASP.NET
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor" TagPrefix="obout" %>
<%@ Register TagPrefix="obout" Namespace="OboutInc.Flyout2" Assembly="obout_Flyout2_NET" %>
<obout:Flyout runat="server" ID="Flyout1" AttachTo="ad1" >
<div style="border: solid 1px black; padding:3px; background-color: White;">
<obout:EditorPopupHolder runat="server" id="ph1"
  OnClientPopupStateChanged="popupStateChanged" />
<obout:Editor runat="server" id="editor" Height="400px" Width="100%" PopupHolderID="ph1"
 EditPanel-ContextMenu- KeepPaternity="true" />
<asp:LinkButton runat="server" Text="Save content" ID="Submit" />
</div>
</obout:Flyout>
...
<script type="text/javascript" >
var openedPopups = 0;
function popupStateChanged(sender, args) {
  var flyout = eval("<%=Flyout1.getClientID()%>");
  switch (args.get_state()) {
      case Obout.Ajax.UI.HTMLEditor.PopupStateType.LoadStart:
          // prevent to close Flyout while any Editor's popup is loading
          flyout.setCloseEvent("NONE");
          break;
      case Obout.Ajax.UI.HTMLEditor.PopupStateType.PreOpen:
          // prevent to close Flyout while any Editor's popup is opened
          flyout.setCloseEvent("NONE");
          openedPopups++;
          break;
      case Obout.Ajax.UI.HTMLEditor.PopupStateType.Close:
          openedPopups--;
          if (openedPopups == 0) {
            // permit to close Flyout
            flyout.setCloseEvent("ONMOUSEOUT");
          }
          break;   }
}
</script>

"First of all... loved the controls... its wonderful features and ease of use. Most of all, I would like to commend your support group. Even if we're still in evaluation mode, the support team has been great and very response. Keep up the great work!"

James Gagni Jr.
Aon Singapore

Random testimonial   All testimonials