ASP.NET 3.5 and above only

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

Click the button to pick an image

The image is generated in client-side when an image is 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;
  function filePicked(sender, args) {
<obout:FileManager runat="server" ID="fileManager" PopupHolderID="popupHolder" OnClientFilePicked="filePicked"
                           GalleryManagerClassName="Obout.Ajax.UI.HTMLEditor.Popups.ImageBrowser" />
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_GetImageClientSide.aspx(.cs) and /FileManager/vb_GetImageClientSide.aspx(.vb) files.

"I'm very happy with the obout suite. The product is excellent!"

Anfilofio Santos

Random testimonial   All testimonials