Back to Devexpress

InsertTabItemId Enum

aspnetcore-js-devexpress-dot-richedit-1e70b7d7.md

latest2.6 KB
Original Source

InsertTabItemId Enum

Lists commands contained in the Insert tab.

Declaration

ts
export enum InsertTabItemId {
    ShowInsertTableDialog = 55,
    InsertPictureLocally = 411,
    ShowBookmarkDialog = 58,
    ShowHyperlinkDialog = 59,
    InsertHeader = 220,
    InsertFooter = 221,
    InsertPageNumberField = 235,
    InsertPageCountField = 236,
    InsertFloatingTextBox = 368
}

Members

NameDescription
InsertFloatingTextBox

Identifies the Insert Floating Text Box command.

| | InsertFooter |

Identifies the Insert Footer command.

| | InsertHeader |

Identifies the Insert Header command.

| | InsertPageCountField |

Identifies the Insert Page Count Field command.

| | InsertPageNumberField |

Identifies the Insert Page Number Field command.

| | InsertPictureLocally |

Identifies the Insert Picture Locally command.

| | ShowBookmarkDialog |

Identifies the Show Bookmark Dialog command.

| | ShowHyperlinkDialog |

Identifies the Show Hyperlink Dialog command.

| | ShowInsertTableDialog |

Identifies the Show Insert Table Dialog command.

|

Remarks

The InsertTabItemId enum contains identifiers of the Insert tab’s ribbon items. Use an identifier to get the corresponding item and then insert it into a tab or remove the item from the Insert tab.

The example below moves the InsertFloatingTextBox item to the first position in the Insert tab:

javascript
var options = DevExpress.RichEdit.createOptions();
var tab = options.ribbon.getTab(DevExpress.RichEdit.RibbonTabType.Insert);
var ribbonItem = tab.getItem(DevExpress.RichEdit.InsertTabItemId.InsertFloatingTextBox);
tab.removeItem(ribbonItem);
tab.insertItem(ribbonItem, 0);
var richContainer = document.getElementById("rich-container");
const richEdit = DevExpress.RichEdit.create(richContainer, options);

To execute the Insert tab’s command, pass the InsertTabCommandId‘s field to the executeCommand(commandId) method.

See Also

RibbonItemId