Show theme settings Shopping cart Download trialFree Trial
AE
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Headers and Footers

H
AA
UN
RE
AB
V
X
C
ZF
FN
FF
FS
FG
FK
7
1
2
3
4
5
6
FC
I
E
ZP
PG
U
N
M
AO
AI
8
AL
AC
AR
AJ
K
H
ZS
L
ZE
FD
R
SA
N
ZP
B
ZT
T
ZI
P
ZL
K
I
ZH
H
O
PN
PC
TE
X
ZS
U
P
ZS
SP
M
O
SZ
J
B
ZB
PC
RE
TO
T
UP
A
CA
IN
IS
UD
M
ZI
CF
I
ZM
P
FC
FR
U
ZP
Q
M
X
V
ZF
F
W
DV
L
P
ZS
R
ZV
F
JT
ZO
A
T
R
M
N
U
ZS
S
ZB
O
L
W
C
B
H
JL
ZT
K
TG
O
ZR
I
D
A
BE
L
R
ZM
M
P
ZC
BA
F
ZA
TL
TC
TR
CL
CC
CR
BL
BC
BR
N
JH
ZN
E
G
R
X
K
ZO
A
V
ZP
HO
FO
ZC
C
JD
B
SH
SA
W
C
D
TW
P
AF
AE
  • Undo

    Undo
    po
  • Clipboard

    Clipboard
    po
  • v
    v
    popopo
    dialogboxlauncherFont

    Font
    po
  • popo
    dialogboxlauncherParagraph

    Paragraph
    po
  • up
    down
    gpo

    Quick Styles
    Styles

    Styles
    po
  • Editing

    Editing
    po
  • Table Style Options

    Table Style Optionspo
  • up
    down
    gpo

    Quick Styles
    Table Styles

    Table Stylespo
  • v
    v
    dialogboxlauncherBorders & Shadings

    Borders & Shadingspo
  • Navigation

    Navigation
    po
  • Options

    Options
    po
  • Header from Top:
    +
    -
    Footer from Bottom:
    +
    -
    Position

    Position
    po
  • Close

    Close
    po
  • v
    Shape Styles

    Shape Stylespo
  • dialogboxlauncherArrange

    Arrange
    po
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Headers and Footers 
Headers and footers are areas in the top and bottom margins of each page in a 
document.  
 
Headers and footers can hold text and graphics - a company logo, the document 
title or the author's name.   
Insert a header or footer 
 
On the Insert tab, in the Header & Footer group, click Header or Footer.  
 
 
The Header & Footer tab containing several groups of commands appears.  
 
Type text or insert graphics by using the options in the Insert tab. 
Make the first page header or footer different from the rest of the 
pages 
 
 
1 
 
On the first page of the document, double click the header or footer area. 
On the Header & Footer tab, in the Options group, select the Different First Page 
button. 
 
Create a header or footer, or make changes to the existing header or footer, on the 
first page. 
Make the header or footer different in each section or chapter 
 
If the document contains several sections, you can modify headers and footers so 
that they display different content for each section. For example, the header may 
contain the name of a chapter for pages belonging to each chapter. 
Starting at the beginning of the document, click in the first section for which you 
want to vary the header or footer. 
On the Insert tab, in the Header & Footer group, click Header or Footer.  
 
The Header & Footer tab appears. In the Navigation group, click Link to Previous   to 
break the connection between the header or footer in this section and the previous 
section.  
 
Change the existing header or footer, or create a new header or footer for this 
section. In the Navigation group click Show Next  to navigate to the header or footer 
of the next section. 
On the Headers & Footers tab, in the Navigation group, click Link to Previous   to 
break the connection between the header or footer in this section and the previous 
HEADERS AND FOOTERS 
2 
 
section. 
Change the existing header or footer, or create a new header or footer for this 
section. 
Repeat the previous three steps for all of the sections in the document. 
 
HEADERS AND FOOTERS 
3 
 
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK


This demo illustrates the capability of the DevExpress ASP.NET MVC Rich Text Editor (RichEdit extension) to display and modify headers and footers within documents.

A double-click on a document's corresponding areas (a page's top or bottom) invokes a specific Header and Footer ribbon context tab. It contains a set of commands to modify options specific to headers and footers. End-users can specify different headers and footers for the first page, odd and even pages, and each particular section. Headers and footers can contain any content, including page numeration, images, etc.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxRichEditDemos