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>

"We appreciate your co-ordination, your analysis of our code and efforts in giving us hints/code snippets to find a solution to our unique problem. Thank you very much !!"

Rama Krishnan
ESS - Environmental Support Solutions

Random testimonial   All testimonials