# How to implement master detail design pattern in ionic 4

**URL:** <https://forum.ionicframework.com/t/how-to-implement-master-detail-design-pattern-in-ionic-4/179374>\
**Category:** ionic-v3\
**Created:** [December 10, 2019, 5:48am UTC](https://forum.ionicframework.com/t/how-to-implement-master-detail-design-pattern-in-ionic-4/179374 "2019-12-10T05:48:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevalkubavat001](https://avatars.discourse-cdn.com/v4/letter/k/e99b99/32.png) [@kevalkubavat001](https://forum.ionicframework.com/u/kevalkubavat001)\
**Post date:** [December 10, 2019, 5:48am UTC](https://forum.ionicframework.com/t/how-to-implement-master-detail-design-pattern-in-ionic-4/179374/1 "2019-12-10T05:48:56Z")

</div>

I am new to ionic 4 and I wanted to implement a master-detail design pattern using ionic 4. Till now I have tried to implement it using ion-split-pane. But using ion-split-pane on a page where I want to implement a master-detail design pattern, it hides my menu bar that is implemented using ion-menu-toggle. Any help would be appreciated.