{"id":1048,"date":"2016-05-20T15:22:36","date_gmt":"2016-05-20T15:22:36","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1048"},"modified":"2017-01-09T06:56:14","modified_gmt":"2017-01-09T06:56:14","slug":"announcing-ionic-2-beta-7","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7","title":{"rendered":"Announcing Ionic 2, Beta 7!"},"content":{"rendered":"

Today, we’re excited to announce the seventh beta release of Ionic 2<\/a>. Beta 7 includes many bug fixes and several new features, including migrating to Angular 2’s RC build. Take a look at the changelog<\/a> to see what’s included.<\/p>\n

What’s New<\/h3>\n

The biggest change in Beta 7 is jumping to the Angular Release Candidate! Angular has moved to a new, more modular design, so this will be a significant breaking change for all Ionic 2 apps. To make things simple, we have prepared detailed instructions<\/a> on how to upgrade an app to Beta 7. It should be a straightforward process that takes a few minutes or less. Please let us know if you experience any issues.<\/p>\n

The DateTime component<\/a> is a brand-new, highly extensible component built from the ground up to make it easy for users to select dates and times. You\u2019ve been asking for a better datetime input, and we think you’ll love what we’ve come up with. This new component works with a variety of date format options to present the perfect interface for any app. Please check out the docs<\/a>, give it a shot, and let us know what you think! We are so excited about this component that we\u2019ll have a detailed blog post about it soon!<\/p>\n

Inset modals are a new option for presenting modal content. Instead of taking up the full width and height of the viewport, an inset modal will only take up a portion of the width and height. Inset modals are now the default for larger screens, such as tablets and traditional computers.
\n<\/p>\n

What’s Next<\/h3>\n

Last week, during a webinar<\/a> with Microsoft’s Apache Cordova Team, Ionic team members Brandy<\/a> and Tim<\/a> let the cat out of the bag: We’re aiming for a release candidate build of Ionic 2 by mid-June. If you’re interested in following along and seeing where we are, please refer to the Ionic 2 Roadmap document<\/a>, as well as our GitHub Milestones<\/a>.<\/p>\n

Here are a few things we\u2019ll be working on in the coming months:<\/p>\n

Swipeable tabs<\/strong>: We\u2019re working on giving you the ability to swipe between tabs in your app, similar to the Material Design tabs.<\/p>\n

Popover<\/strong>: This will give you a way to present a list of actions in an app. It can be useful as an overflow menu for less often used actions, such as a link to the application settings, or a link to an about page.<\/p>\n

Range slider<\/strong>: This UI component consists of a slider with a handle that can be dragged to select a specific value from a range.<\/p>\n

Chips<\/strong>: Chips are a basic component in Material Design. They\u2019re small blocks that hold information about something more complex.<\/p>\n

Right to left<\/strong>: RTLs support is a requirement for many applications. We have been working with the community to get more information surrounding how RTL works, and we are continuously adding support for it to the framework. But we\u2019re not done, and we’d love to have your help<\/a>.<\/p>\n

Electron support<\/strong>: Electron is a new, open technology for building traditional desktop apps using web technologies. Ionic 2 will have first-class Electron support.<\/p>\n

Progressive Web app support<\/strong>: Progressive Web Apps<\/a> are a new way to deliver amazing native-like experiences via the web.<\/p>\n

Desktop web support<\/strong>: In addition to the mobile web, our intent is to support traditional desktop-style web apps with Ionic 2.<\/p>\n

Conclusion<\/h3>\n

Please upgrade your Ionic 2 apps to Beta 7, so we can resolve any issues sooner than later. Please follow these instructions<\/a> to have a smooth upgrade experience.<\/p>\n

We’re really excited about Ionic 2, and we think you’re going to love it! Ionic 2 will enable developers to build an app once and deploy it to all major platforms including mobile, desktop and the web! Thank you to the amazing Ionic community for all of the support and the awesome contributions. We sincerely appreciate it. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"

Today, we’re excited to announce the seventh beta release of Ionic 2. Beta 7 includes many bug fixes and several new features, including migrating to Angular 2’s RC build. Take a look at the changelog to see what’s included. What’s New The biggest change in Beta 7 is jumping to the Angular Release Candidate! Angular […]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[3,13],"class_list":["post-1048","post","type-post","status-publish","format-standard","hentry","category-all","tag-ionic","tag-ionic-2"],"acf":[],"yoast_head":"\nAnnouncing Ionic 2, Beta 7! - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing Ionic 2, Beta 7!\" \/>\n<meta property=\"og:description\" content=\"Today, we’re excited to announce the seventh beta release of Ionic 2. Beta 7 includes many bug fixes and several new features, including migrating to Angular 2’s RC build. Take a look at the changelog to see what’s included. What’s New The biggest change in Beta 7 is jumping to the Angular Release Candidate! Angular […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-20T15:22:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-09T06:56:14+00:00\" \/>\n<meta name=\"author\" content=\"Dan Bucholtz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@danbucholtz\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dan Bucholtz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\"},\"author\":{\"name\":\"Dan Bucholtz\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c\"},\"headline\":\"Announcing Ionic 2, Beta 7!\",\"datePublished\":\"2016-05-20T15:22:36+00:00\",\"dateModified\":\"2017-01-09T06:56:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\"},\"wordCount\":653,\"commentCount\":19,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"keywords\":[\"Ionic\",\"Ionic 2\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\",\"name\":\"Announcing Ionic 2, Beta 7! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"datePublished\":\"2016-05-20T15:22:36+00:00\",\"dateModified\":\"2017-01-09T06:56:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing Ionic 2, Beta 7!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c\",\"name\":\"Dan Bucholtz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g\",\"caption\":\"Dan Bucholtz\"},\"description\":\"I'm a software engineer for Ionic\",\"sameAs\":[\"https:\/\/x.com\/danbucholtz\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/danb\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing Ionic 2, Beta 7! - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7","og_locale":"en_US","og_type":"article","og_title":"Announcing Ionic 2, Beta 7!","og_description":"Today, we’re excited to announce the seventh beta release of Ionic 2. Beta 7 includes many bug fixes and several new features, including migrating to Angular 2’s RC build. Take a look at the changelog to see what’s included. What’s New The biggest change in Beta 7 is jumping to the Angular Release Candidate! Angular […]","og_url":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7","og_site_name":"Ionic Blog","article_published_time":"2016-05-20T15:22:36+00:00","article_modified_time":"2017-01-09T06:56:14+00:00","author":"Dan Bucholtz","twitter_card":"summary_large_image","twitter_creator":"@danbucholtz","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Dan Bucholtz","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7"},"author":{"name":"Dan Bucholtz","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c"},"headline":"Announcing Ionic 2, Beta 7!","datePublished":"2016-05-20T15:22:36+00:00","dateModified":"2017-01-09T06:56:14+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7"},"wordCount":653,"commentCount":19,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"keywords":["Ionic","Ionic 2"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7","url":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7","name":"Announcing Ionic 2, Beta 7! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"datePublished":"2016-05-20T15:22:36+00:00","dateModified":"2017-01-09T06:56:14+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-7#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing Ionic 2, Beta 7!"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c","name":"Dan Bucholtz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g","caption":"Dan Bucholtz"},"description":"I'm a software engineer for Ionic","sameAs":["https:\/\/x.com\/danbucholtz"],"url":"https:\/\/ionic.io\/blog\/author\/danb"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1048"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1048\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}