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

Absence Types

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.

Pellentesque mollis nulla ut eros sagittis placerat. Morbi sagittis commodo quam non aliquet. Vivamus dictum justo quis massa hendrerit dignissim. Integer hendrerit, neque vitae efficitur vestibulum, dui ipsum convallis massa, sit amet varius metus ante non augue. Integer a accumsan erat. In sem leo, sagittis a ipsum eu, efficitur pulvinar justo. Praesent quis purus quis ex vehicula scelerisque. Proin suscipit, justo id euismod gravida, mi augue hendrerit augue, in rutrum tellus mi in purus. Ut eu consequat dui. Vivamus vitae libero turpis. Proin id scelerisque nulla. Suspendisse porta luctus massa, nec porta lectus aliquet in. Proin congue ullamcorper nisi, id mollis augue dapibus a. Vestibulum facilisis blandit nibh dictum efficitur. Integer vulputate tortor ut fermentum rhoncus. Fusce eget nunc tortor.