# How to create left side menu and navigate between different page likes customer and product?

**URL:** <https://jsonforms.discourse.group/t/how-to-create-left-side-menu-and-navigate-between-different-page-likes-customer-and-product/2039>\
**Category:** General\
**Created:** [March 19, 2024, 9:01am UTC](https://jsonforms.discourse.group/t/how-to-create-left-side-menu-and-navigate-between-different-page-likes-customer-and-product/2039 "2024-03-19T09:01:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![abdulahad7591](https://avatars.discourse-cdn.com/v4/letter/a/71e660/32.png) [@abdulahad7591](https://jsonforms.discourse.group/u/abdulahad7591)\
**Post date:** [March 19, 2024, 9:01am UTC](https://jsonforms.discourse.group/t/how-to-create-left-side-menu-and-navigate-between-different-page-likes-customer-and-product/2039/1 "2024-03-19T09:01:24Z")

</div>

i have a schema, uischema and data for customer and the other schema, uischema and data for product. Now i want to create left side menu and switch between these pages. how can create leftside menu for both

---

<div class="post-metadata">

**Author:** ![sdirix](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/sdirix/32/1073_2.png) [@sdirix](https://jsonforms.discourse.group/u/sdirix)\
**Post date:** [March 20, 2024, 8:41am UTC](https://jsonforms.discourse.group/t/how-to-create-left-side-menu-and-navigate-between-different-page-likes-customer-and-product/2039/2 "2024-03-20T08:41:58Z")

</div>

Hi @abdulahad7591,

You could use [Material UI’s drawer](https://mui.com/material-ui/react-drawer/) to implement your left side menu. On selection, you then invoke `JsonForms` with the appropriate `schema`, `uischema`, `data` etc.