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>

"I've scanned the Internet for ASP.NET controls and yours are *BY FAR* the most featured and attractive (not to mention they don't crash, unlike some others!). Building the site around your component suite gave us the competitive edge."

Shane Mitchell
University of Queensland (Australia)

Random testimonial   All testimonials