# Ion-nav-buttons in modal

**URL:** <https://forum.ionicframework.com/t/ion-nav-buttons-in-modal/27353>\
**Category:** ionic-v1\
**Created:** [June 29, 2015, 4:28pm UTC](https://forum.ionicframework.com/t/ion-nav-buttons-in-modal/27353 "2015-06-29T16:28:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![thuey](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/thuey/32/66539_2.png) [@thuey](https://forum.ionicframework.com/u/thuey)\
**Post date:** [June 29, 2015, 4:28pm UTC](https://forum.ionicframework.com/t/ion-nav-buttons-in-modal/27353/1 "2015-06-29T16:28:51Z")

</div>

I’ve made a reusable modal template for my app that wraps arbitrary html. I would like to do something like ion-nav-buttons and ion-nav-header. For example, with ion-nav-header, you can define the ion-nav-buttons directive in the view, and they will be inserted into the header. I would like to be able to define the buttons in the arbitrary html so they will be inserted into the modal template’s header. Is there a way to do this?

---

<div class="post-metadata">

**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\
**Post date:** [June 30, 2015, 3:49am UTC](https://forum.ionicframework.com/t/ion-nav-buttons-in-modal/27353/2 "2015-06-30T03:49:13Z")

</div>

Here’s an old post that may be helpful:

> **[Ion-nav-bar invisible inside modal](http://forum.ionicframework.com/t/ion-nav-bar-invisible-inside-modal/6996)**
>
> My main app UI uses ion-nav-bar, ion-nav-back-button, etc for navigation successfully. I also have a modal which contains a nested view, another ion-nab-bar, etc. All of my nested states/views/navigation inside this modal work exactly as they...

---

<div class="post-metadata">

**Author:** ![thuey](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/thuey/32/66539_2.png) [@thuey](https://forum.ionicframework.com/u/thuey)\
**Post date:** [June 30, 2015, 2:22pm UTC](https://forum.ionicframework.com/t/ion-nav-buttons-in-modal/27353/3 "2015-06-30T14:22:10Z")

</div>

Thanks for the reply, but according to [Ion-nav-bar invisible inside modal](http://forum.ionicframework.com/t/ion-nav-bar-invisible-inside-modal/6996/22?u=thuey) from that thread, it’s not supported, and there are no plans to support it. What I ended up doing was using $ionicModal.fromTemplate(). Before wrapping my content in the modal template, I stripped out the buttons and inserted them in the right spot in the template. Kind of hackish, but it’ll work for now. Thanks again for the reply.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [June 30, 2015, 2:30pm UTC](https://forum.ionicframework.com/t/ion-nav-buttons-in-modal/27353/4 "2015-06-30T14:30:09Z")

</div>

Yep, having nested navigations inside a modal are not supported at the moment. Just a limitation of ui-router.