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 really appreciate the way you helped and moreover the help came in such an electrifying speed.. Cool. Keep up the good work !!"

Atanu
Rebaca Technologies Pvt. Ltd.

Random testimonial   All testimonials