aspnetcore-js-devexpress-dot-richedit-99f67a73.md
Lists commands contained in the Page Layout tab.
export enum PageLayoutTabItemId {
MarginsMenu = 434,
OrientationMenu = 435,
SizeMenu = 436,
ColumnsMenu = 437,
BreaksMenu = 438,
SetNormalSectionPageMargins = 66,
SetNarrowSectionPageMargins = 67,
SetModerateSectionPageMargins = 68,
SetWideSectionPageMargins = 69,
ShowMarginsPageSetupDialog = 70,
SetPortraitPageOrientation = 71,
SetLandscapePageOrientation = 72,
SetSectionLetterPaperSize = 162,
SetSectionLegalPaperSize = 99,
SetSectionFolioPaperSize = 100,
SetSectionA4PaperSize = 101,
SetSectionB5PaperSize = 104,
SetSectionExecutivePaperSize = 105,
SetSectionA5PaperSize = 102,
SetSectionA6PaperSize = 103,
ShowPaperPageSetupDialog = 73,
SetSectionOneColumn = 74,
SetSectionTwoColumns = 75,
SetSectionThreeColumns = 76,
InsertPageBreak = 54,
InsertColumnBreak = 79,
InsertSectionBreakNextPage = 80,
InsertSectionBreakEvenPage = 81,
InsertSectionBreakOddPage = 82,
ChangePageColor = 90
}
| Name | Description |
|---|---|
BreaksMenu |
Identifies the Breaks menu.
|
| ChangePageColor |
Identifies the Change Page Color command.
|
| ColumnsMenu |
Identifies the Columns menu.
|
| InsertColumnBreak |
Identifies the Insert Column Break command.
|
| InsertPageBreak |
Identifies the Insert Page Break command.
|
| InsertSectionBreakEvenPage |
Identifies the Insert Section Break Even Page command.
|
| InsertSectionBreakNextPage |
Identifies the Insert Section Break Next Page command.
|
| InsertSectionBreakOddPage |
Identifies the Insert Section Break Odd Page command.
|
| MarginsMenu |
Identifies the Margins menu.
|
| OrientationMenu |
Identifies the Orientation menu.
|
| SetLandscapePageOrientation |
Identifies the Set Landscape Page Orientation command.
|
| SetModerateSectionPageMargins |
Identifies the Set Moderate Section Page Margins command.
|
| SetNarrowSectionPageMargins |
Identifies the Set Narrow Section Page Margins command.
|
| SetNormalSectionPageMargins |
Identifies the Set Normal Section Page Margins command.
|
| SetPortraitPageOrientation |
Identifies the Set Portrait Page Orientation command.
|
| SetSectionA4PaperSize |
Identifies the Set Section A4 Paper Size command.
|
| SetSectionA5PaperSize |
Identifies the Set Section A5 Paper Size command.
|
| SetSectionA6PaperSize |
Identifies the Set Section A6 Paper Size command.
|
| SetSectionB5PaperSize |
Identifies the Set Section B5 Paper Size command.
|
| SetSectionExecutivePaperSize |
Identifies the Set Section Executive Paper Size command.
|
| SetSectionFolioPaperSize |
Identifies the Set Section Folio Paper Size command.
|
| SetSectionLegalPaperSize |
Identifies the Set Section Legal Paper Size command.
|
| SetSectionLetterPaperSize |
Identifies the Set Section Letter Paper Size command.
|
| SetSectionOneColumn |
Identifies the Set Section One Column command.
|
| SetSectionThreeColumns |
Identifies the Set Section Three Columns command.
|
| SetSectionTwoColumns |
Identifies the Set Section Two Columns command.
|
| SetWideSectionPageMargins |
Identifies the Set Wide Section Page Margins command.
|
| ShowMarginsPageSetupDialog |
Identifies the Show Margins Page Setup Dialog command.
|
| ShowPaperPageSetupDialog |
Identifies the Show Paper Page Setup Dialog command.
|
| SizeMenu |
Identifies the Size menu.
|
The PageLayoutTabItemId enum contains identifiers of the Page Layout 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 Page Layout tab.
The example below moves the ChangePageColor item to the first position in the Page Layout tab:
var options = DevExpress.RichEdit.createOptions();
var tab = options.ribbon.getTab(DevExpress.RichEdit.RibbonTabType.PageLayout);
var ribbonItem = tab.getItem(DevExpress.RichEdit.PageLayoutTabItemId.ChangePageColor);
tab.removeItem(ribbonItem);
tab.insertItem(ribbonItem, 0);
var richContainer = document.getElementById("rich-container");
const richEdit = DevExpress.RichEdit.create(richContainer, options);
To execute the Page Layout tab’s command, pass the PageLayoutTabCommandId‘s field to the executeCommand(commandId) method.
See Also