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

Settings

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.

Vestibulum blandit libero eu dignissim feugiat. Duis imperdiet est id elit dapibus, vitae mollis erat tristique. Nullam nisi nulla, venenatis a vestibulum vel, vestibulum vel nisl. Sed pretium quam in sapien varius tincidunt. Sed pellentesque lacus vitae enim tristique, et congue lorem vehicula. Cras porttitor, sem ut egestas volutpat, erat est cursus purus, vel dapibus tellus nisl faucibus orci. Maecenas egestas porttitor velit, non efficitur arcu condimentum ac. Donec nunc eros, ullamcorper quis dictum non, interdum semper velit. Nam tempus orci eget mollis porta. Pellentesque vulputate euismod sapien a mattis. Nullam egestas nulla augue, tempus malesuada orci hendrerit vitae.