ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - File Manager - Pick an image (server-side)

Click the button to pick an image

The image is generated in server-side on postback after image was picked in the 'Gallery Manager' popup.


<%@ Register Assembly="Obout.Ajax.UI" TagPrefix="obout" Namespace="Obout.Ajax.UI.HTMLEditor" %>
@ Register Assembly="Obout.Ajax.UI" TagPrefix="obout" Namespace="Obout.Ajax.UI.HTMLEditor.Popups" %>
@ Register Assembly="Obout.Ajax.UI" TagPrefix="obout" Namespace="Obout.Ajax.UI.FileManager" %>
<%-- PopupHolder used by the FileManager --%>
<obout:PopupHolder runat="server" ID="popupHolder" DefaultAddPolicy="Demand">
      <%-- Use the obout TreeView control in 'ImageBrowser' popup --%>
      <obout:ImageBrowser runat="server" UseOboutTree="true" ShowPreviewPanel="true">
         <%-- Set the Tree features --%>
         <TreeFeatures FolderImageUrl="~/treeview/icons/folder_old.gif" > <%-- folders --%>
               <%-- For images with any extensions --%>
               <obout:LeafImage Extensions="*" Url="~/treeview/img/picture.png" />
<script type="text/javascript">
  function openManager() {
     $find('<%= fileManager.ClientID %>').openManager();
     return false;
<obout:FileManager runat="server" ID="fileManager" PopupHolderID="popupHolder" AutoPostBack="true"
                           RetainPopupPosition="false" OnPostBack="fileselected_postback" />
asp:Button runat="server" ID="openManagerButton" OnClientClick="return openManager();"
                 Text="Open the Image Gallery" />

The full source code of this example you can find in the downloaded SUITE for ASP.NET 3.5-4.0:

/FileManager/cs_GetImageServerSide.aspx(.cs) and /FileManager/vb_GetImageServerSide.aspx(.vb) files.

"I must say, I'm very impressed with your controls, and your prompt support. I have told several people in the software industry here in Chicago about your products and support."

Norman Paterson
Kaplan Professional Publishing

Random testimonial   All testimonials