{"id":2788,"date":"2019-05-08T21:15:56","date_gmt":"2019-05-08T21:15:56","guid":{"rendered":"https:\/\/ionicframework.com\/?p=2788"},"modified":"2019-05-08T23:50:18","modified_gmt":"2019-05-08T23:50:18","slug":"ionic-release-4-4-0-beryllium","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium","title":{"rendered":"Ionic Release: 4.4.0 Beryllium!"},"content":{"rendered":"<p>Well hello there you lovely people, I hope everything is going well! We&#8217;re happy to share that Ionic 4.4.0 (Beryllium) is available today \ud83c\udf89. This release includes some new features, so let&#8217;s dive right in.<\/p>\n<p><!--more--><\/p>\n<p>Given that this is a minor release, we&#8217;ve added some highly requested features from the community. These features were all pull requests from the community, so thank you to the following people on Github:<\/p>\n<p><a href=\"https:\/\/github.com\/ionic-team\/ionic\/pull\/16916\">adamlacombe<\/a>, <a href=\"https:\/\/github.com\/ionic-team\/ionic\/pull\/17997\">jlbeard84<\/a>, <a href=\"https:\/\/github.com\/ionic-team\/ionic\/pull\/18188\">JustDoItSascha<\/a>, <a href=\"https:\/\/github.com\/ionic-team\/ionic\/pull\/16697\">paulstelzer<\/a>, <a href=\"https:\/\/github.com\/ionic-team\/ionic\/pull\/17964\">shreeshbhat<\/a>, <a href=\"https:\/\/github.com\/ionic-team\/ionic\/pull\/18159\">vhinic<\/a><\/p>\n<p>With that, let&#8217;s dive into some of these new features.<\/p>\n<h2>Cards as Buttons<\/h2>\n<p>Cards are the go-to piece of UI when you need to show a lot of information, but also make it visually appealing to users. With this in mind, card has been updated to accept a <code>button<\/code> attribute which will apply the appropriate styles for both iOS and Android. On iOS, the card will now scale when activated (similar to the iOS App Store UI) and Android will get a ripple effect.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"810\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/card-button-3.gif\" alt=\"\" class=\"aligncenter size-full wp-image-2793 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1050px; --smush-placeholder-aspect-ratio: 1050\/810;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"810\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/card-button-3.gif\" alt=\"\" class=\"aligncenter size-full wp-image-2793\" \/><\/noscript><\/p>\n<h2>Open Method on Sliding Items<\/h2>\n<p>Sliding items are a great component when you want to have a lot of actions on an item, without overloading the item itself. Sometimes though, it may not be clear that an item could have these actions, and your users are left wondering what to do. Well, now developers can programmatically open a sliding item to reveal the item options!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"810\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/item-sliding-3.gif\" alt=\"\" class=\"aligncenter size-full wp-image-2794 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1050px; --smush-placeholder-aspect-ratio: 1050\/810;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"810\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/item-sliding-3.gif\" alt=\"\" class=\"aligncenter size-full wp-image-2794\" \/><\/noscript><\/p>\n<h2>Refined control over Pull-to-refresh<\/h2>\n<p>Pull to refresh is used quite a bit in apps, especially when wanting to load more data on user interaction. Some users have said that the pulling action happens too quickly and that it was hard to notice that the gestured had even been triggered. Well not anymore with the <code>pullFactor<\/code> property. The <code>pullFactor<\/code> allows devs to customize the speed of the pull in alignment with the drag of the content in order to trigger the refresh. This is better seen in an example:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"810\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ptr-3.gif\" alt=\"\" class=\"aligncenter size-full wp-image-2795 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1050px; --smush-placeholder-aspect-ratio: 1050\/810;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"810\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ptr-3.gif\" alt=\"\" class=\"aligncenter size-full wp-image-2795\" \/><\/noscript><\/p>\n<p>Here, when the <code>pullFactor<\/code> property is <code>0.2<\/code>, it requires dragging the content further to cause the refresh action to happen. Meaning no more accidentally triggering a refresh and potentially losing your scroll position.<\/p>\n<p>There&#8217;s plenty more bug fixes and enhancements in 4.4.0, so be sure to check out the full <a href=\"https:\/\/ionicframework.com\/docs\/release-notes#4.4.0\">changelog<\/a> for a complete list.<\/p>\n<p>Cheers \ud83c\udf7b!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Well hello there you lovely people, I hope everything is going well! We&#8217;re happy to share that Ionic 4.4.0 (Beryllium) is available today \ud83c\udf89. This release includes some new features, so let&#8217;s dive right in.<\/p>\n","protected":false},"author":5,"featured_media":2796,"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":[120],"tags":[107],"class_list":["post-2788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","tag-ionic-4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ionic Release: 4.4.0 Beryllium! - 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\/ionic-release-4-4-0-beryllium\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic Release: 4.4.0 Beryllium!\" \/>\n<meta property=\"og:description\" content=\"Well hello there you lovely people, I hope everything is going well! We&#8217;re happy to share that Ionic 4.4.0 (Beryllium) is available today \ud83c\udf89. This release includes some new features, so let&#8217;s dive right in.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-08T21:15:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-08T23:50:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mike Hartington\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mhartington\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Hartington\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium\"},\"author\":{\"name\":\"Mike Hartington\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\"},\"headline\":\"Ionic Release: 4.4.0 Beryllium!\",\"datePublished\":\"2019-05-08T21:15:56+00:00\",\"dateModified\":\"2019-05-08T23:50:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium\"},\"wordCount\":368,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png\",\"keywords\":[\"Ionic 4\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium\",\"url\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium\",\"name\":\"Ionic Release: 4.4.0 Beryllium! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png\",\"datePublished\":\"2019-05-08T21:15:56+00:00\",\"dateModified\":\"2019-05-08T23:50:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png\",\"width\":1440,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic Release: 4.4.0 Beryllium!\"}]},{\"@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\/c8c92b04d526adb925ea514c619a267b\",\"name\":\"Mike Hartington\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"caption\":\"Mike Hartington\"},\"description\":\"Director of Developer Relations\",\"sameAs\":[\"https:\/\/twitter.com\/mhartington\",\"https:\/\/x.com\/mhartington\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mike\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ionic Release: 4.4.0 Beryllium! - 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\/ionic-release-4-4-0-beryllium","og_locale":"en_US","og_type":"article","og_title":"Ionic Release: 4.4.0 Beryllium!","og_description":"Well hello there you lovely people, I hope everything is going well! We&#8217;re happy to share that Ionic 4.4.0 (Beryllium) is available today \ud83c\udf89. This release includes some new features, so let&#8217;s dive right in.","og_url":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium","og_site_name":"Ionic Blog","article_published_time":"2019-05-08T21:15:56+00:00","article_modified_time":"2019-05-08T23:50:18+00:00","og_image":[{"width":1440,"height":800,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png","type":"image\/png"}],"author":"Mike Hartington","twitter_card":"summary_large_image","twitter_creator":"@mhartington","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Mike Hartington","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium"},"author":{"name":"Mike Hartington","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b"},"headline":"Ionic Release: 4.4.0 Beryllium!","datePublished":"2019-05-08T21:15:56+00:00","dateModified":"2019-05-08T23:50:18+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium"},"wordCount":368,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png","keywords":["Ionic 4"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium","url":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium","name":"Ionic Release: 4.4.0 Beryllium! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png","datePublished":"2019-05-08T21:15:56+00:00","dateModified":"2019-05-08T23:50:18+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png","width":1440,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/ionic-release-4-4-0-beryllium#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Ionic Release: 4.4.0 Beryllium!"}]},{"@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\/c8c92b04d526adb925ea514c619a267b","name":"Mike Hartington","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","caption":"Mike Hartington"},"description":"Director of Developer Relations","sameAs":["https:\/\/twitter.com\/mhartington","https:\/\/x.com\/mhartington"],"url":"https:\/\/ionic.io\/blog\/author\/mike"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2019\/05\/ionic-4.4.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2788","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=2788"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2788\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/2796"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=2788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=2788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=2788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}