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>

"The grid itself is excellent. I'm amazed by what you have accomplished with it. It has become the main control for our pages due to our customers responses to layouts with it."

Mark Butler
Achieve Technology

Random testimonial   All testimonials