> For the complete documentation index, see [llms.txt](https://docs.inforiver.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inforiver.com/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer.md).

# Header & footer

The header and footer in business reports provide a consistent way to identify the content, promote the company's brand, and ensure that important information is easily accessible. Inforiver offers powerful header & footer customization capabilities and can be used to show charts, KPIs, images, and text.

Below is a sample report created using Inforiver. You can see a header with a KPI card, report title, and a donut chart. The footer contains the company logo and page number.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F87AKWmfodKjQNkF1Rjuh%2F8.2.1%20Header%20%26%20footer.png?alt=media&amp;token=7180330d-7c18-4616-8ac0-70ff7f6f9054" alt=""><figcaption><p>Customized header and footer</p></figcaption></figure>

The header & footer module is organized as follows:

1. [Introduction](#1.-interface) - Overview of the toolbar, header & footer sections, presets, basic interactions and basic customization options&#x20;
2. [Text](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/text.md) - Adding formatted text and using presets like page number, data fields
3. [Images](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/images.md) - Adding images from local files and organizational workspace
4. [Charts](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/charts.md) - Types of charts and customization options
5. [KPI cards](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/kpi-cards.md) - KPI presets and customization options

## 1. Interface

Let's first take a look at the header/footer interface. In the edit mode, you have the 'Header & footer' tab in the toolbar and options to edit the header elements. In the read mode, you have a context menu using which you can show/hide the header/footer, turn off pagination, reset changes, and access the edit mode.

### i) Edit mode

a) Click on 'Header & footer' in the 'Design' tab.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fo9MBZGt6iKSGCzr78eX9%2F8.2.2%20Header%20%26%20footer.png?alt=media&amp;token=13c04018-f7cd-4514-99bd-a2b8e7b1e965" alt=""><figcaption><p>Header &#x26; footer option in Design tab</p></figcaption></figure>

b) The 'Header & footer' tab gets enabled. You can see that there is a default header that shows the fields added and the scaling.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FO18yFW3FMxISzRzGYRb7%2F8.2.3%20Header.png?alt=media&amp;token=f0e36f3b-f102-48f5-98c0-b27d2ff742f1" alt=""><figcaption><p>Default header</p></figcaption></figure>

c) The blue box is called the 'container'. Currently, there is only one 'cell' in the container with the default fields and scaling. But containers can be split into many cells and they can be used to create elements of the types - [Text](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/text.md), [Image](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/images.md), [Chart](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/charts.md), [KPI](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/kpi-cards.md), and [Variables](broken://pages/RNbPrfJJuA8RooTOjf0k). We'll be covering [cell](#i-cell) and [container](#ii-container) customization in a later section.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FAmFfyRuyqcaStjNzfC0c%2F8.2.24%20Context%20menu.png?alt=media&amp;token=e817c51b-a72e-4490-88fa-174b99ac02f2" alt=""><figcaption><p>Container</p></figcaption></figure>

e) The toolbar provides a number of options and they are covered as follows:

Preset - [Header](#i-header-preset) & [footer presets](#ii-footer-preset)

Insert & Format - Only applicable for [text](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/text.md) elements

[Cell, Container & Margin](#3.-basic-customization) - Common customization options for all the elements&#x20;

### ii) Read mode

a) In the read mode, you have a context menu as highlighted in the below image. You can access the edit mode by selecting either '[Presets](#i-header-preset)' to directly open the 'Header presets' panel or 'Edit' to open the '[Header & footer](#2.-basic-interactions)' tab. You can also hide or reset your changes to the header.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F0d2rTYUdmJHv4bSpfVjW%2F8.2.17%20Context%20menu.png?alt=media&amp;token=ebecc0ef-132f-443b-aa5d-20a4a7c96d69" alt=""><figcaption><p>Header context menu</p></figcaption></figure>

b) To access the footer customization toolbar, click on the icon highlighted in the below image and select either '[Presets](#ii-footer-preset)' to directly open the 'Footer presets' panel or 'Edit' to open the '[Header & footer](#2.-basic-interactions)' tab. You can also hide or reset your changes to the footer.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FLRcXOvn0KpalEhpCDW5M%2F8.2.21%20Context%20menu.png?alt=media&amp;token=108185fb-c5e4-4326-bc77-9ceeaae0a7df" alt=""><figcaption><p>Footer context menu</p></figcaption></figure>

c) 'Pagination' can be used to turn off pagination. Notice that currently pagination is enabled as highlighted in the status bar.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FEm8yfudmon0trFGdCp9E%2F8.2.22%20Context%20menu.png?alt=media&amp;token=c482feaa-3e88-4c1c-b71c-863620433cd2" alt=""><figcaption><p>Pagination on</p></figcaption></figure>

d) Turn on the toggle and you can see the scroll bar at the right and the pagination controls have been hidden in the status bar.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FyD7bC6AZ8v3hQKIlmPCZ%2F8.2.23%20Context%20menu.png?alt=media&amp;token=acf9eda1-40fc-49a3-8b09-3c916ff470f0" alt=""><figcaption><p>Pagination turned off</p></figcaption></figure>

## 2. Basic interactions

As mentioned in the [interface](#i-edit-mode) section, the header/footer containers can be split into cells and customized further. Let's first look at creating and managing cells. For cell and container customization, refer to [basic customization](#4.-basic-customization).

a) Go to the edit mode by clicking on 'Edit' in the context menu. You can also edit the header by clicking on the 'Header & Footer' button in the Design ribbon.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F33Bdc8tB8q1beDvqZTpQ%2Fimage.png?alt=media&amp;token=8076d9e7-51c2-4048-a749-010bd6ee5ec5" alt=""><figcaption><p>Editing the header</p></figcaption></figure>

{% hint style="info" %}
In the basic interactions section, we have used the example of headers but all of these properties apply to footers as well.&#x20;
{% endhint %}

b) Notice that there are two controls - one on the side and one at the top of the container.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FTAEuhVUyLDbf46oVFAQD%2Fimage.png?alt=media&amp;token=77aca317-3afc-45b2-b3f0-85975b920bf6" alt=""><figcaption><p>Controls to split the container</p></figcaption></figure>

c) Clicking on the control on the side will give options to split the container vertically. To split the container horizontally, click on the control at the bottom.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FTTcRkM2URpdUWvBkx4Rp%2Fimage.png?alt=media&amp;token=227b2ce1-d228-4115-b81f-d6bc92fb1e06" alt=""><figcaption><p>Splitting the container vertically</p></figcaption></figure>

On selecting 'Split right', notice that the existing content is present in the right cell and there is a new cell on the left.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FP8b8KPbEG0z1LjG0ku3X%2Fimage.png?alt=media&amp;token=865cf075-0f2d-46e8-86ae-2ac11bd6917d" alt=""><figcaption><p>Split right</p></figcaption></figure>

d) The container height can be adjusted by hovering on the bottom border and dragging the handle.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FVtLntkHFMohoUTSKZtmL%2Fimage.png?alt=media&amp;token=dbe3090b-abcc-44d6-b3ba-83b68cbd3ced" alt=""><figcaption><p>Adjusting the container height</p></figcaption></figure>

e) Cell widths can also be adjusted by dragging the handle that gets enabled on hovering over the cell border.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FHbVGG3ZHYX0bb1U9nCEw%2Fimage.png?alt=media&amp;token=7ce9f000-5afb-4982-a645-918d6e5ba931" alt=""><figcaption><p>Adjusting the width of the cell</p></figcaption></figure>

f) At the top right of each cell, you can see a 'Settings' icon. Clicking on it displays the options shown in the below image.&#x20;

Type - Change the cell to one of the available types - Text, Image, Chart and KPI which are covered in subsequent sections&#x20;

Copy - Copy the contents of a cell&#x20;

Paste - Paste the contents of another cell

Delete - Delete the cell

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FyDpOzoIORGV6vak4uD7h%2Fimage.png?alt=media&amp;token=59b25b45-3779-46a7-a3b5-2a79418131b0" alt=""><figcaption><p>Cell settings</p></figcaption></figure>

## 3. Presets

Before looking at creating header/footer elements from scratch, let's see how to leverage presets to insert header/footer in a single click.

### i) Header preset

a) In the 'Header & footer' tab, click on 'Header preset'. A side panel opens up as shown below.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FhHmFS7qsw0znNpBpM4bL%2F8.2.5%20Header%20presets.png?alt=media&amp;token=d216b573-1ffb-437b-b619-c71da77c0cd8" alt=""><figcaption><p>Header presets</p></figcaption></figure>

b) Choose any of the presets and click 'Proceed' in the warning message.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FNuuSD376X7tnjDMpAlyD%2F8.2.6%20Header%20presets.png?alt=media&amp;token=0011714a-a0f8-4565-b1a8-0264008eff4b" alt=""><figcaption><p>Applying a preset</p></figcaption></figure>

c) You can see that the header has been updated. These can be further customized but for now, let's go ahead with the preset.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FQ9KRyGNa2tsOz2xCbDvI%2F8.2.7%20Header%20presets.png?alt=media&amp;token=ce0a90c2-c24d-44af-be8f-cd863cd45242" alt=""><figcaption><p>Applying a preset</p></figcaption></figure>

d) Click on 'Close editor' to apply the preset.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FpeekVFT3T590DIUs5V3P%2F8.2.8%20Header%20presets.png?alt=media&amp;token=43179bfa-937e-42a9-8ec5-d6f14b839a99" alt=""><figcaption><p>Close editor</p></figcaption></figure>

e) Note that if you want to hide the header, you can either click on the 'Hide' icon next to the editor or the 'Hide header' option in the 'Header' side panel. But we are not interested in hiding the header now. Let's see how the header preset looks in the reading view.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F5J7qLhg6kbHK8dqKCV6V%2F8.2.16%20Header%20presets.png?alt=media&amp;token=bf21c149-c638-4dc1-9096-8f923328cb30" alt=""><figcaption><p>Hiding the header</p></figcaption></figure>

f) Once you close the editor, you can see the header as shown in the below image.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FH0YGcwKNMOyNlkIjlIGn%2F8.2.9%20Header%20presets.png?alt=media&amp;token=f2939c1a-0571-44fc-8138-c032f5d50379" alt=""><figcaption><p>Header preset applied</p></figcaption></figure>

g) Header can be hidden in the reading view by using the context menu.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FusaIyfxzDfWih1Dw7WN1%2F8.2.18%20Context%20menu.png?alt=media&amp;token=ffceac29-f793-4b8d-97fc-ecba82969303" alt=""><figcaption><p>Hiding the header from the context menu</p></figcaption></figure>

g) If you have hidden the header and want to display it again, click on the context menu and the 'Show header' option.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FVv3RQXhQvxWsgWQjVVCF%2F8.2.19%20Context%20menu.png?alt=media&amp;token=8284bd09-cac0-4769-bc8f-dfd16fb513cf" alt=""><figcaption><p>Show header option</p></figcaption></figure>

h) You can see the header. If you want to revert back to the default header, click on 'Reset'.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FXyLlUZAcuQB6rPFPFOqH%2F8.2.20%20Context%20menu.png?alt=media&amp;token=897c9aa7-ab0d-41f9-a4f3-e91c4d662a22" alt=""><figcaption><p>Reset changes</p></figcaption></figure>

### ii) Footer preset

Inforiver also offers a number of footer presets with page numbers, report titles, logos etc.&#x20;

a) Click on 'Footer presets'. A side panel opens with a list of the available presets. The default preset gets applied as shown below.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F11UNWwfTnhmhlCFHPARB%2F8.2.10%20Footer%20presets.png?alt=media&amp;token=c5d18eaa-2452-427f-8bfa-18a6864c4907" alt=""><figcaption><p>Footer presets</p></figcaption></figure>

b) You can choose a different one from the list. Click on 'Proceed' in the warning message.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FZsftWGaQF42VRN8UK2vT%2F8.2.11%20Footer%20presets.png?alt=media&amp;token=ddd3d5b0-5d49-4eb5-bbcc-830fda182e39" alt=""><figcaption><p>Changing the preset</p></figcaption></figure>

c) You can see the footer editor showing the page number.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FnVigjAjqmSjCd7Z8wo3O%2F8.2.12%20Footer%20presets.png?alt=media&amp;token=790e3e60-38db-4a34-bf3c-e15bc805d86f" alt=""><figcaption><p>Changing the preset</p></figcaption></figure>

d) The preset can be customized further. But, for now, let's apply this preset. Click on 'Close editor'.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fwaijrdm9iy8WvxVFh0jF%2F8.2.14%20Footer%20presets.png?alt=media&amp;token=8f1419a8-acc4-4c5c-8e6f-5a8734dc4b2f" alt=""><figcaption><p>Closing the editor</p></figcaption></figure>

e) There are two ways to hide the footer in the edit mode. You can either click on the 'Hide' icon next to the editor or the 'Hide header' option in the 'Header' side panel. But we are not interested in hiding the footer now. Let's see how the footer preset looks in the reading view.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FlCyzPcsf0mEE3an5p9jc%2F8.2.13%20Footer%20presets.png?alt=media&amp;token=a56041e8-96bc-450b-945d-c7759570152c" alt=""><figcaption><p>Hiding the footer</p></figcaption></figure>

f) On closing the editor, you can see the page number in the footer section.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F1b8LLA6OjYSNUjO1JIgd%2F8.2.15%20Footer%20presets.png?alt=media&amp;token=7e905989-f28a-4f7d-bcbe-4d2d69f3b022" alt=""><figcaption><p>Footer gets updated</p></figcaption></figure>

## 4. Basic customization

All cells regardless of the type (Text, Image etc.) can be formatted using the 'Cell' and 'Margin' sections of the 'Header & footer' toolbar. The header/footer containers can be formatted using the 'Container' section.

{% hint style="info" %}
Multiple cells can be selected by using Ctrl + Click and formatting can be done at once. In the Basic customization section, we have used the example of headers but all of these properties are applicable to footers as well.&#x20;
{% endhint %}

### i) Cell

The 'Cell' section is highlighted below. Using the options in this section, you can align the contents, apply fill, border or shadows and more.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F93ENttXgOANtFoB1FP5Q%2F8.2.33%20Cell%20customization.png?alt=media&amp;token=d6e0b3d6-a146-46d2-8707-f5c30677d01a" alt=""><figcaption><p>Cell customization options</p></figcaption></figure>

a) Horizontal/Vertical align - Contents in a cell can be aligned horizontally and vertically as shown below.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FoIi54e1h97XlSlUMmGNw%2F8.2.34%20Cell%20customization.png?alt=media&amp;token=9fa85be6-ee05-4b1f-8e66-21820ebf2c45" alt=""><figcaption><p>Alignment options</p></figcaption></figure>

b) In addition to using the handles, you also have an option in the toolbar to split the container  or cells.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FK5xAaEArzwKh9ij6150J%2F8.2.35%20Cell%20customization.png?alt=media&amp;token=f3f04c82-32b2-4116-b781-b2d3482b2534" alt=""><figcaption><p>Split cell/container</p></figcaption></figure>

c) On selecting two cells, you can swap them by using the 'Swap container' option.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FOencdymRY25S0fGjytcD%2F8.2.36%20Cell%20customization.png?alt=media&amp;token=196b5b5d-d551-44d3-90c1-b90d9222170e" alt=""><figcaption><p>Swap cells</p></figcaption></figure>

d) Fill - Fill color can be applied to one or more cells by using the color picker.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FIG4TVBXhCJwBjTzebbKv%2F8.2.37%20Cell%20customization.png?alt=media&amp;token=9b2dbbeb-c451-43f2-bfba-03afdb8f4ba7" alt=""><figcaption><p>Fill color for cells</p></figcaption></figure>

e) Shadows can be applied to cells as shown below.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FUwXoaftgEH65RttX9dHb%2F8.2.38%20Cell%20customization.png?alt=media&amp;token=d920b0ed-9fca-4119-89ec-1e94594c0268" alt=""><figcaption><p>Shadow for cells</p></figcaption></figure>

f) Borders - Borders can be applied for cells, you can set the weight, corner radius and choose a color.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FeDWUZV5gxXBUtTAF2hxk%2F8.2.39%20Cell%20customization.png?alt=media&amp;token=28aee36a-39a3-4489-8c08-c1079680248f" alt=""><figcaption><p>Custom borders</p></figcaption></figure>

### ii) Container

The following options are available for the header/footer containers - Appearance and Ruler.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FMMxC4WKUNxbRA4WgDjoy%2F8.2.40%20Container%20customization.png?alt=media&amp;token=92b5990b-929d-4b89-b94c-c826f9539e5f" alt=""><figcaption><p>Container customization options</p></figcaption></figure>

a) You can apply a border to the container by clicking on the 'Appearance' option. You can see a dialog box as shown below.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FGujKyc9g6MVQGeTTkoVz%2F8.2.41%20Container%20customization.png?alt=media&amp;token=a21fd5ac-455e-48d0-b664-d767d9cde456" alt=""><figcaption><p>Header appearance options</p></figcaption></figure>

b) We have changed some properties as shown below. Click 'Apply'.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FrOBSfvNKbdBiTchvtCqO%2F8.2.42%20Container%20customization.png?alt=media&amp;token=8dd193d5-0977-4605-aee8-3d4bdc5d1a7e" alt=""><figcaption><p>Header customization</p></figcaption></figure>

c) A blue border gets applied on the top. Notice that the inner controls are hidden since we turned 'off' the 'Container inner controls' option.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fnnr1RrZy3mEOVuAjGWvi%2F8.2.43%20Container%20customization.png?alt=media&amp;token=c97e5f22-b094-4a9a-beda-bc095bf51fc1" alt=""><figcaption><p>Border gets applied</p></figcaption></figure>

d) By clicking on the 'Ruler' option, you can see rulers on the top and left of the container. It shows the x and y coordinates for any point within the container.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Ffg3YaMecOqIjys6vtD5X%2F8.2.44%20Container%20customization.png?alt=media&amp;token=2f758f58-6085-4893-a1d9-59f738ee9112" alt=""><figcaption><p>Ruler</p></figcaption></figure>

### iii) Margin

Top, bottom, right and left margins can be applied to cells as shown in the below image.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FYq1mXfnTpimQdw6CPYMV%2F8.2.45%20Margins.png?alt=media&amp;token=6291048d-2658-44fd-bc17-2d88fd13c64c" alt=""><figcaption><p>Cell margins</p></figcaption></figure>

In the next section, we'll be covering adding formatted [text](/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer/text.md) in the header/footer.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.inforiver.com/~/changes/mS6jwvARNLHpKqBa4cT9/working-with-inforiver/8.-paginated-reporting/header-and-footer.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
