{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/9546","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/9546/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/9546/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/9546/events","html_url":"https://github.com/driftyco/ionic/issues/9546","id":194271009,"number":9546,"title":"How to make a menu in child page.","user":{"login":"NeoLSN","id":5782106,"avatar_url":"https://avatars.githubusercontent.com/u/5782106?v=3","gravatar_id":"","url":"https://api.github.com/users/NeoLSN","html_url":"https://github.com/NeoLSN","followers_url":"https://api.github.com/users/NeoLSN/followers","following_url":"https://api.github.com/users/NeoLSN/following{/other_user}","gists_url":"https://api.github.com/users/NeoLSN/gists{/gist_id}","starred_url":"https://api.github.com/users/NeoLSN/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NeoLSN/subscriptions","organizations_url":"https://api.github.com/users/NeoLSN/orgs","repos_url":"https://api.github.com/users/NeoLSN/repos","events_url":"https://api.github.com/users/NeoLSN/events{/privacy}","received_events_url":"https://api.github.com/users/NeoLSN/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-12-08T08:05:12Z","updated_at":"2016-12-10T04:00:28Z","closed_at":"2016-12-09T21:31:23Z","body":"**Ionic version:**  (check one with \"x\")\r\n[ ] **1.x**\r\n[x] **2.x**\r\n\r\n**I'm submitting a ...**  (check one with \"x\")\r\n[x] bug report\r\n[x] feature request\r\n[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/\r\n\r\n**Current behavior:**\r\n1. If code like this\r\n```\r\n<ion-menu [content]=\"groupDetailContent\" side=\"right\" id=\"groupDetailMenu\">\r\n  <ion-content>\r\n    <ion-list>\r\n      <button ion-item menuClose (click)=\"openGroupEdit()\">\r\n        <ion-icon name=\"create\" item-left></ion-icon>\r\n        <h2>Edit Group</h2>\r\n      </button >\r\n    </ion-list>\r\n    ...\r\n  </ion-content>\r\n</ion-menu>\r\n<ion-content #groupDetailContent>\r\n  <ion-header>\r\n    <ion-navbar>\r\n      <ion-title>\r\n        Group Overview\r\n      </ion-title>\r\n      <ion-buttons end>\r\n        <button ion-button icon-only (click)=\"toggleMenu()\"> <!-- menuToggle=\"groupDetailMenu\" -->\r\n        <ion-icon name=\"settings\"></ion-icon>\r\n      </button>\r\n      </ion-buttons>\r\n    </ion-navbar>\r\n  </ion-header>\r\n  <ion-content>\r\n   ...\r\n  </ion-content>\r\n</ion-content>\r\n```\r\nIt will look like this - the nav bar overlap status\r\n![image](https://cloud.githubusercontent.com/assets/5782106/21001694/d09eff66-bd5c-11e6-95d5-c71dbd076429.png)\r\nBut the menu is correct.\r\n![image](https://cloud.githubusercontent.com/assets/5782106/21001705/d9ee96b2-bd5c-11e6-86d2-49a924846f90.png)\r\n\r\n2. If code like this\r\n```\r\n<ion-menu [content]=\"groupDetailContent\" side=\"right\" id=\"groupDetailMenu\">\r\n  <ion-content>\r\n    <ion-list>\r\n      <button ion-item menuClose (click)=\"openGroupEdit()\">\r\n        <ion-icon name=\"create\" item-left></ion-icon>\r\n        <h2>Edit Group</h2>\r\n      </button >\r\n    </ion-list>\r\n    ...\r\n  </ion-content>\r\n</ion-menu>\r\n<ion-header>\r\n... header content\r\n</ion-header>\r\n<ion-content #groupDetailContent>\r\n...\r\n</ion-content>\r\n```\r\nIt will look like this - the nav bar is right, but the first item of menu can not show.\r\n![image](https://cloud.githubusercontent.com/assets/5782106/21002371/6ee7f40e-bd60-11e6-968f-cd76fdf8b07f.png)\r\n\r\n3. The button will not show if set 'menuToggle' attribute.\r\n```\r\n  <ion-buttons end>\r\n    <button ion-button icon-only (click)=\"toggleMenu()\"> <!-- menuToggle=\"groupDetailMenu\" -->\r\n    <ion-icon name=\"settings\"></ion-icon>\r\n  </button>\r\n```\r\n\r\n**Expected behavior:**\r\n1. The Title bar can be under the status bar.\r\n2. The menu can show all items.\r\n3. Let button can use 'menuToggle' attribute.\r\n\r\n**Steps to reproduce:**\r\n1. Create a home page.\r\n2. Create a child page which will be opened by home page.\r\n3. Try to make a menu in child page html file.\r\n\r\n**Other information:**\r\nI can not find any example about how to make a menu in child page, even in ionic-conference-app.\r\nCan you provide an example about that?\r\n\r\n**Ionic info:** (run `ionic info` from a terminal/cmd prompt and paste output below):\r\n\r\n```\r\nYour system information:\r\n\r\nCordova CLI: 6.4.0\r\nIonic Framework Version: 2.0.0-rc.3\r\nIonic CLI Version: 2.1.12\r\nIonic App Lib Version: 2.1.7\r\nIonic App Scripts Version: 0.0.45\r\nios-deploy version: 1.9.0\r\nios-sim version: 5.0.8\r\nOS: macOS Sierra\r\nNode Version: v6.4.0\r\nXcode version: Xcode 8.1 Build version 8B62\r\n```\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/266177193","html_url":"https://github.com/driftyco/ionic/issues/9546#issuecomment-266177193","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/9546","id":266177193,"user":{"login":"NeoLSN","id":5782106,"avatar_url":"https://avatars.githubusercontent.com/u/5782106?v=3","gravatar_id":"","url":"https://api.github.com/users/NeoLSN","html_url":"https://github.com/NeoLSN","followers_url":"https://api.github.com/users/NeoLSN/followers","following_url":"https://api.github.com/users/NeoLSN/following{/other_user}","gists_url":"https://api.github.com/users/NeoLSN/gists{/gist_id}","starred_url":"https://api.github.com/users/NeoLSN/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NeoLSN/subscriptions","organizations_url":"https://api.github.com/users/NeoLSN/orgs","repos_url":"https://api.github.com/users/NeoLSN/repos","events_url":"https://api.github.com/users/NeoLSN/events{/privacy}","received_events_url":"https://api.github.com/users/NeoLSN/received_events","type":"User","site_admin":false},"created_at":"2016-12-10T04:00:28Z","updated_at":"2016-12-10T04:00:28Z","body":"My question is how to make a menu in second page.\r\nOpen app > nav push a page.\r\n1. How to set a menu in this page.\r\n2. How to set menu button click event."}}
{"actor":{"display_login":"NeoLSN"}}