{"id":2669,"date":"2016-04-26T06:16:09","date_gmt":"2016-04-26T06:16:09","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2669"},"modified":"2016-04-26T06:20:41","modified_gmt":"2016-04-26T06:20:41","slug":"appropriate-use-ion-pane-ionic-framework","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/stack-overflow\/appropriate-use-ion-pane-ionic-framework\/","title":{"rendered":"When is it appropriate to use ion-pane in Ionic Framework?"},"content":{"rendered":"<blockquote><p>In this StackOverflow question I answered when it is appropriate to use ion-pane in Ionic Framework<\/p><\/blockquote>\n<p><a href=\"http:\/\/stackoverflow.com\/users\/534755\/nikola\"><img loading=\"lazy\" decoding=\"async\" title=\"profile for Nikola at Stack Overflow, Q&amp;A for professional and enthusiast programmers\" src=\"http:\/\/stackoverflow.com\/users\/flair\/534755.png\" rel=\"lightbox[2669]\" alt=\"profile for Nikola at Stack Overflow, Q&amp;A for professional and enthusiast programmers\" width=\"208\" height=\"58\" \/><\/a><br \/>\nI&#8217;m a big fan of <a href=\"http:\/\/stackoverflow.com\/\">Stack Overflow<\/a> and I tend to contribute regularly (am currently in the <a href=\"http:\/\/stackexchange.com\/leagues\/1\/alltime\/stackoverflow\/2008-07-31\/534755?sort=reputationchange#534755\">top 0.X%<\/a>).\u00a0In this category (<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/category\/stack-overflow\/\">stackoverflow<\/a>)\u00a0of posts, I will be posting my top rated questions and answers. This, btw, is allowed as explained in the meta thread <a href=\"http:\/\/meta.stackoverflow.com\/questions\/266971\/can-i-post-so-questions-and-answers-in-a-personal-blog\/266973\">here<\/a>.<\/p>\n<p>As you may know, I&#8217;m really into Ionic framework lately\u00a0and am helping out on StackOverflow with the knowledge I gained so far with the framework. I&#8217;m currently <strong>#3<\/strong> in the <a href=\"http:\/\/stackoverflow.com\/tags\/ionic\/topusers\">top All time answerers<\/a> list.<\/p>\n<p>I answered <a href=\"http:\/\/stackoverflow.com\/questions\/35325954\/when-is-the-appropriate-to-use-ion-pane\/35326815\">this question<\/a>\u00a0by user\u00a0<a href=\"http:\/\/stackoverflow.com\/users\/4642530\/qizzacious\">qizzacious<\/a>:<\/p>\n<p>This is a simple enough question.<\/p>\n<p>After taking a look at the <a href=\"http:\/\/ionicframework.com\/docs\/api\/directive\/ionPane\/\" rel=\"nofollow\">documentation for ion-pane<\/a> it states:<\/p>\n<blockquote><p>A simple container that fits content, with no side effects. Adds the \u2018pane\u2019 class to the element.<\/p><\/blockquote>\n<p>What does it mean when it states &#8220;no side effects&#8221;? What are the use cases for ion-pane?<\/p>\n<p><a href=\"http:\/\/stackoverflow.com\/questions\/35325954\/when-is-the-appropriate-to-use-ion-pane\/35326815#35326815\">My answer<\/a>\u00a0was:<\/p>\n<p>Honestly, I never used ion-pane before, but this question intrigued me so I went searching. As it seems, and you can see on this Codepen: <a href=\"http:\/\/codepen.io\/anon\/pen\/JGwJKv?editors=1010\" rel=\"nofollow\">http:\/\/codepen.io\/anon\/pen\/JGwJKv?editors=1010<\/a>, if the content is too big (if you try to resize the browser window to very small) it will not show it. Opposed to the <code>ion-content<\/code> which will add scroll bars and allow you to use <code>ion-refresher<\/code> and some other options (tapping into scroll delegate, etc.).<\/p>\n<p>So, to be honest, I never stumbled upon a need for such a use-case, so would probably never use ion-pane. The lacking documentation about it, kind of suggests the same&#8230;<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\">\n<p lang=\"en\" dir=\"ltr\">When is it appropriate to use ion-pane in Ionic Framework? <a href=\"https:\/\/t.co\/3o9LVRoJxc\">https:\/\/t.co\/3o9LVRoJxc<\/a><\/p>\n<p>&mdash; Nikola Bre\u017enjak (@HitmanHR) <a href=\"https:\/\/twitter.com\/HitmanHR\/status\/724845431289700353\">April 26, 2016<\/a><\/p><\/blockquote>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this StackOverflow question I answered when it is appropriate to use ion-pane in Ionic Framework I&#8217;m a big fan of Stack Overflow and I tend to contribute&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2671,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,35],"tags":[],"class_list":["post-2669","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ionic","category-stack-overflow"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=2669"}],"version-history":[{"count":3,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2669\/revisions"}],"predecessor-version":[{"id":2673,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2669\/revisions\/2673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/2671"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=2669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=2669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=2669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}