Check out this upcoming dropdown menu feature of the ASPxHtmlEditor in the DXperience 2010 vol 2 release:
You will be able to define custom dropdown menus and their items by extending the toolbars of the ASPxHtmlEditor.
Here’s the source code that defines the dropdown menu and it’s items:
<dx:ASPxHtmlEditor ID="DemoHtmlEditor" runat="server" Height="300px" ClientInstanceName="HtmlEditor">
<ClientSideEvents CustomCommand="OnCommandExecute" />
<Toolbars>
<dx:HtmlEditorToolbar>
<Items>
<dx:ToolbarUndoButton>
</dx:ToolbarUndoButton>
<dx:ToolbarRedoButton>
</dx:ToolbarRedoButton>
<dx:ToolbarJustifyLeftButton BeginGroup="True">
</dx:ToolbarJustifyLeftButton>
<dx:ToolbarJustifyCenterButton>
</dx:ToolbarJustifyCenterButton>
<dx:ToolbarJustifyRightButton>
</dx:ToolbarJustifyRightButton>
<dx:ToolbarJustifyFullButton>
</dx:ToolbarJustifyFullButton>
<dx:ToolbarDropDownMenu BeginGroup="true" CommandName="InsertDateTime" ToolTip="Insert Date and Time">
<Image Url="~/Content/Demo/date-icon.png" Height="16px" Width="16px">
</Image>
<Items>
<dx:ToolbarMenuItem Text="MM/dd/yyyy" Value="%m/%d/%y">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="yyyy-MM-dd" Value="%y-%m-%d">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="Month dd, yyyy" Value="%mf %d, %y">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="Day of Week, Month dd, yyyy" Value="%df, %mf %d, %y">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="h:mm AM" Value="%h:%M %p" BeginGroup="true">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="h:mm:ss AM" Value="%h:%M:%s %p">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="MM/dd/yyyy h:mm AM" Value="%m/%d/%y %h:%M %p" BeginGroup="true">
</dx:ToolbarMenuItem>
<dx:ToolbarMenuItem Text="yyyy-MM-dd h:mm:ss AM" Value="%y-%m-%d %h:%M:%s %p">
</dx:ToolbarMenuItem>
</Items>
</dx:ToolbarDropDownMenu>
</Items>
</dx:HtmlEditorToolbar>
</Toolbars>
</dx:ASPxHtmlEditor>
Drop me a line below with your thoughts on the upcoming ASPxHtmlEditor’s dropdown menu feature. Thanks!
DXperience? What's That?
DXperience is the .NET developer's secret weapon. Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/
Free DevExpress Products - Get Your Copy Today
The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the
DevExpress Support Center at your convenience. We'll be happy to follow-up.