ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - HTML Editor - 'Image Gallery' with custom button in the toolbar

Sometimes it is necessary to add some functionality for the Gallery Manager. It can be done by adding custom button(s) to the Manager's toolbar.
In this example you can see customized "Browse Image Gallery" popup.
The custom button click just causes an alert with the selected image URL here, but you can modify the client-side functionality as you want.
To open this popup, click "Browse" button in the "Image properties" popup (insert or edit an Image ):



Font Size Header 
Aa

The source code of this example you can see in the downloaded Suite.
See files: /HTMLEditor/cs_CustomImagesBrowser1.aspx(.cs), /HTMLEditor/vb_CustomImagesBrowser1.aspx(.vb),
/App_Code/HTMLEditor/CustomImageBrowser.cs, /App_Obout/HTMLEditor/Scripts/CustomImageBrowser1.js
ASP.NET
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor" TagPrefix="obout" %>
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor.ToolbarButton" TagPrefix="obout" %>
<obout:Editor runat="server" Id="editor" Height="300px" Width="100%">
    <TopToolbar>
        <EditPredefinedButtons>
            <obout:InsertImage RelatedPopupType="CustomPopups.ImagesPropertiesWithCustomBrowser, App_Code" />
        </EditPredefinedButtons>
    </TopToolbar>
    <EditPanel>
       <ContextMenu>
          <EditPredefinedItems>
             <obout:EditImageItem RelatedPopupType="CustomPopups.ImagesPropertiesWithCustomBrowser, App_Code" />
          </EditPredefinedItems>
       </ContextMenu>
    </EditPanel>
</obout:Editor>

"I have downloaded the grid and I enjoy working with it. I was also evaluating the Infragisticts package, but found your product easier to get going and easier to configure."

Henrik Kristensen.
Lumina Systems Delivery

Random testimonial   All testimonials