Main navigation


Navigation enables users to travel to their intended destination in the Pega Platform.

Pega's navigation patterns are both responsive and adaptive: scaling smoothly to meet your device’s dimensions and changing the appearance for specific device sizes. This allows for ease of use and adequately prioritized application content.

Navigation closed
Navigation open

Designed to meet four different screen sizes (breakpoints), this sidebar pattern is the default recommendation for both widescreen views (above 1440px) and desktop/laptop views (1025px–1440px). The sidebar is optimized to auto-collapse on smaller screens, allowing the content to breathe. While the tablet (769px–1024px) and mobile views (768px and under) are no longer our 'mobile’ default, they still are an effective, familiar way to navigate an application.

Last updated: Dec 2019