Logo

Portal

  • User Guide
  • Developer Guide
    • Introduction
    • Architecture
    • Installation
    • Deployment
    • Settings
    • Portal Dashboard
    • User Menu
    • Components
    • IFrame In Portal
    • Customization
      • Portal Styles Customization (Logos, Colors, Date Patterns)
      • Forgot Password
      • Menu And Default Homepage In User Profile
      • Page Header and Footer
        • Introduction
        • Page header and footer customization function
      • Task Delegation
      • Task Item Details
      • Case Item Details
      • Change Password Process
      • Logout Process
      • Navigate Back
      • Hide Technical Stuff
      • Business Details Page
      • Document Processes
      • Process Image
      • Process Information
    • Troubleshooting
    • Permission List
    • Public API
    • Static Pages
  • Portal Components
Portal Guide
  • Developer Guide
  • Customization
  • Page Header and Footer

Page Header and Footer

Introduction

The Portal allows you to customize:

  • The page header and footer that is shown on each Portal page.

You can easily customize the page header and footer using HTML code. For example:

in.pageHeader = "<div style='height: 20px; text-align: center; background-color: var(--primary-color); color: white'><span>custom page header</span></div>";
in.pageFooter = "<div style='height: 20px; text-align: center; background-color: var(--primary-color); color: white'><span>custom page footer</span></div>";

Tip

For a complete example, see the process CustomPageHeaderAndFooter in the portal-developer-examples project.

Page header and footer customization function

Create a callable subprocess with

Signature: portalGetPageHeaderAndFooter

Name

Type

Result

pageHeader

java.lang.String

pageFooter

java.lang.String

Previous Next

© Copyright 2025 Axon Ivy AG.

Version: 12.0 (en)