ToolbarTableOperationsDropDownButton Class

A default toolbar button that provides a set of operations useful for working with tables in the design view area.

Namespace: DevExpress.Web.ASPxHtmlEditor

Assembly: DevExpress.Web.ASPxHtmlEditor.v20.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

public class ToolbarTableOperationsDropDownButton :
    ToolbarDropDownBase

VB.NET

Public Class ToolbarTableOperationsDropDownButton
    Inherits ToolbarDropDownBase

Remarks

ASPxHtmlEditor supports working with tables within the design view area by using a specific Insert Table drop down button (ToolbarTableOperationsDropDownButton) or default table toolbar (TableToolbar) . The table and its element settings are specified in specific Table Dialogs.

You can add the Insert Table drop down button to toolbars by using either the ASPxHtmlEditor designer at design time, or programmatically.

C#

protected void Page_Load(object sender, EventArgs e)
{
    HtmlEditorToolbar stToolbar1 = HtmlEditorToolbar.CreateStandardToolbar1();
    ToolbarTableOperationsDropDownButton tableButton = new ToolbarTableOperationsDropDownButton();

    ToolbarInsertTableDialogButton insTable = new ToolbarInsertTableDialogButton();
    ToolbarTablePropertiesDialogButton propTable = new ToolbarTablePropertiesDialogButton();
    ToolbarTableRowPropertiesDialogButton rowpropTable new ToolbarTableRowPropertiesDialogButton();
    ToolbarTableColumnPropertiesDialogButton colpropButton = new ToolbarTableColumnPropertiesDialogButton();
    ToolbarTableCellPropertiesDialogButton cellpropButton = new ToolbarTableCellPropertiesDialogButton();
    ToolbarInsertTableRowAboveButton insrowabovebutton = new ToolbarInsertTableRowAboveButton();
    ToolbarInsertTableRowBelowButton insrowbelowButton = new ToolbarInsertTableRowBelowButton();
    ToolbarInsertTableColumnToLeftButton inscolumnleftButton = new ToolbarInsertTableColumnToLeftButton();
    ToolbarInsertTableColumnToRightButton inscolumnrightButton = new ToolbarInsertTableColumnToRightButton();
    ToolbarSplitTableCellHorizontallyButton splithorbutton = new ToolbarSplitTableCellHorizontallyButton();
    ToolbarSplitTableCellVerticallyButton splitvertButton = new ToolbarSplitTableCellVerticallyButton();
    ToolbarMergeTableCellDownButton mergedownButton = new ToolbarMergeTableCellDownButton();
    ToolbarMergeTableCellRightButton mergerightButton = new ToolbarMergeTableCellRightButton();
    ToolbarDeleteTableButton deltableButton = new ToolbarDeleteTableButton();
    ToolbarDeleteTableRowButton delrowButton = new ToolbarDeleteTableRowButton();
    ToolbarDeleteTableColumnButton delcolumnButton = new ToolbarDeleteTableColumnButton();    
    tableButton.Items.Add(insTable);
    tableButton.Items.Add(propTable);
    tableButton.Items.Add(rowpropTable);
    tableButton.Items.Add(colpropButton);
    tableButton.Items.Add(cellpropButton);
    tableButton.Items.Add(insrowabovebutton);
    tableButton.Items.Add(insrowbelowButton);
    tableButton.Items.Add(inscolumnleftButton);
    tableButton.Items.Add(inscolumnrightButton);
    tableButton.Items.Add(splithorbutton);
    tableButton.Items.Add(splitvertButton);
    tableButton.Items.Add(mergedownButton);
    tableButton.Items.Add(mergerightButton);
    tableButton.Items.Add(deltableButton);
    tableButton.Items.Add(delrowButton);
    tableButton.Items.Add(delcolumnButton);
    stToolbar1.Items.Add(tableButton);
    ASPxHtmlEditor1.Toolbars.Add(stToolbar1);
}

ASPX

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server">
    <Toolbars>
        <dx:HtmlEditorToolbar Name="StandardToolbar1">
            <Items>
                        <dx:ToolbarTableOperationsDropDownButton BeginGroup="True">
                            <Items>
                                <dx:ToolbarInsertTableDialogButton BeginGroup="True" ViewStyle="ImageAndText">
                                </dx:ToolbarInsertTableDialogButton>
                                <dx:ToolbarTablePropertiesDialogButton BeginGroup="True">
                                </dx:ToolbarTablePropertiesDialogButton>
                                <dx:ToolbarTableRowPropertiesDialogButton>
                                </dx:ToolbarTableRowPropertiesDialogButton>
                                <dx:ToolbarTableColumnPropertiesDialogButton>
                                </dx:ToolbarTableColumnPropertiesDialogButton>
                                <dx:ToolbarTableCellPropertiesDialogButton>
                                </dx:ToolbarTableCellPropertiesDialogButton>
                                <dx:ToolbarInsertTableRowAboveButton BeginGroup="True">
                                </dx:ToolbarInsertTableRowAboveButton>
                                <dx:ToolbarInsertTableRowBelowButton>
                                </dx:ToolbarInsertTableRowBelowButton>
                                <dx:ToolbarInsertTableColumnToLeftButton>
                                </dx:ToolbarInsertTableColumnToLeftButton>
                                <dx:ToolbarInsertTableColumnToRightButton>
                                </dx:ToolbarInsertTableColumnToRightButton>
                                <dx:ToolbarSplitTableCellHorizontallyButton BeginGroup="True">
                                </dx:ToolbarSplitTableCellHorizontallyButton>
                                <dx:ToolbarSplitTableCellVerticallyButton>
                                </dx:ToolbarSplitTableCellVerticallyButton>
                                <dx:ToolbarMergeTableCellRightButton>
                                </dx:ToolbarMergeTableCellRightButton>
                                <dx:ToolbarMergeTableCellDownButton>
                                </dx:ToolbarMergeTableCellDownButton>
                                <dx:ToolbarDeleteTableButton BeginGroup="True">
                                </dx:ToolbarDeleteTableButton>
                                <dx:ToolbarDeleteTableRowButton>
                                </dx:ToolbarDeleteTableRowButton>
                                <dx:ToolbarDeleteTableColumnButton>
                                </dx:ToolbarDeleteTableColumnButton>
                            </Items>
                        </dx:ToolbarTableOperationsDropDownButton>
            </Items>
        </dx:HtmlEditorToolbar>
    </Toolbars>
</dx:ASPxHtmlEditor>

Implements

IStateManager

IPropertiesOwner

IExpressionsAccessor

Inheritance

Object

StateManager

CollectionItem

ToolbarItemBase

HtmlEditorToolbarItem

ToolbarDropDownBase

ToolbarTableOperationsDropDownButton