Page List

A showcase of the PageList component along with SideBySideLayout.

This demo employs a master-detail architecture, where a single master component manages navigation between various details (subpages). If you prefer individual pages for each detail, examine the implementations of the Bank Accounts and the Vat Rates pages.

A standalone page for each detail might be beneficial when content varies significantly. However, for scenarios involving primarily data changes (like an employee list), a master-detail structure can be more suitable.

User settings

Onboarding Settings

Finance

Bank Accounts - standalone page Currencies Exchange Rates Vat Rates - standalone page

Timesheets

Analytics

Projects

Settings

Human Resources

Absence Types Employment Terms

Access Rights

Group Rights

Vat Rates

standalone page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor ultricies accumsan. In volutpat facilisis massa at aliquet. Donec luctus, urna in pretium semper, urna erat luctus ipsum, ac dictum lacus tortor vel mi. Curabitur auctor sit amet ante non lacinia. Nam posuere mi sit amet porta venenatis. Integer condimentum egestas iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin ornare, massa sed blandit commodo, dolor urna mollis tellus, at egestas ligula sem at nulla. Duis luctus lacus vitae fringilla posuere. Maecenas non mauris purus.

Donec eget mattis magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt nisl sit amet arcu finibus interdum. Nam vitae vehicula nisl. Nam porta nunc leo, et venenatis mauris tempus in. Fusce leo est, accumsan eget aliquet a, fringilla ultricies purus. Etiam dolor massa, laoreet in egestas mattis, ornare nec neque. In hac habitasse platea dictumst. Sed vulputate purus ligula, nec consectetur nunc consequat nec. Praesent tincidunt elit vitae dolor imperdiet, et fermentum eros faucibus. Mauris convallis enim sit amet porta fermentum. Nulla sagittis, libero mollis tempus tristique, dolor sapien congue tellus, a malesuada urna sapien quis est. Donec ut ultrices ex, vel finibus libero. Etiam nec felis pulvinar, vehicula est ornare, facilisis sapien. Maecenas et leo rutrum augue euismod fringilla. Donec fringilla sem nisl, at convallis dui rutrum in.