{"id":471840,"date":"2026-02-13T06:38:10","date_gmt":"2026-02-13T06:38:10","guid":{"rendered":"https:\/\/www.newsbeep.com\/ca\/471840\/"},"modified":"2026-02-13T06:38:10","modified_gmt":"2026-02-13T06:38:10","slug":"google-photos-rolling-out-floating-toolbar-to-replace-bottom-bar","status":"publish","type":"post","link":"https:\/\/www.newsbeep.com\/ca\/471840\/","title":{"rendered":"Google Photos rolling out floating toolbar to replace bottom bar\u00a0"},"content":{"rendered":"<p>\t<img width=\"1600\" height=\"800\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2026\/02\/Google-Photos-Album-View.jpg\" class=\"skip-lazy wp-post-image\" alt=\"\"  decoding=\"async\" fetchpriority=\"high\"\/><\/p>\n<p>The vast majority of Google\u2019s Android apps <a href=\"https:\/\/9to5google.com\/2026\/01\/19\/google-phone-m3-expressive-bottom-bar\/\" type=\"post\" id=\"701816\" rel=\"nofollow noopener\" target=\"_blank\">have switched<\/a> to a <a href=\"https:\/\/9to5google.com\/2025\/12\/12\/google-home-bottom-bar\/\" type=\"post\" id=\"696302\" rel=\"nofollow noopener\" target=\"_blank\">short bottom bar<\/a>. Google Photos was the big exception, but we now know it\u2019s moving to a floating toolbar, starting on iOS.\u00a0<\/p>\n<p>This floating toolbar for Photos, Collections, and Create is housed in a pill-shaped container. When you\u2019re viewing a particular tab as noted by another pill indicator, you\u2019ll also see an accompanying icon at the left. A FAB (floating action button) at the right lets you Search or Ask.\u00a0<\/p>\n<p>The toolbar is persistent and does not auto-hide upon scrolling. It is indeed a lighter component than the bottom bar being replaced. It\u2019s placed high enough on the screen so that you can meaningfully see the images (content) below it.\u00a0<\/p>\n<p>That being said, this <a href=\"https:\/\/m3.material.io\/components\/toolbars\/overview\" rel=\"nofollow noopener\" target=\"_blank\">floating toolbar<\/a> \u2014 as currently listed in the Material 3 Expressive guidelines \u2014 is not meant to be a navigation component that replaces the bottom bar.\u00a0<\/p>\n<p>\tAdvertisement &#8211; scroll for more content<\/p>\n<p>Rather, it\u2019s meant to house \u201cfrequently used actions relevant to the current page.\u201d One Google example shows a floating toolbar on an email page with actions like archive and delete.\u00a0A correct implementation can be found in Google Photos Albums.<\/p>\n<p><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\"  alt=\"\" data-height=\"1000\" data-id=\"704366\" data-link=\"https:\/\/9to5google.com\/?attachment_id=704366\" data-url=\"https:\/\/9to5google.com\/wp-content\/uploads\/sites\/4\/2026\/02\/Material-3-Expressive-floating-toolbar-1.jpg?quality=82&amp;strip=all&amp;w=1024\" data-width=\"2000\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2026\/02\/Material-3-Expressive-floating-toolbar-1.jpg\" data-amp-layout=\"responsive\"\/><\/p>\n<p>\t\t<img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\"  alt=\"\" data-height=\"1200\" data-id=\"704367\" data-link=\"https:\/\/9to5google.com\/?attachment_id=704367\" data-url=\"https:\/\/9to5google.com\/wp-content\/uploads\/sites\/4\/2026\/02\/Material-3-Expressive-floating-toolbar-2.jpg?quality=82&amp;strip=all&amp;w=1024\" data-width=\"2048\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2026\/02\/Material-3-Expressive-floating-toolbar-2.jpg\" data-amp-layout=\"responsive\"\/><\/p>\n<p>Google has been using it for navigation since its introduction <a href=\"https:\/\/9to5google.com\/2024\/10\/21\/google-chat-floating-bottom-bar-material-you\/\" rel=\"nofollow noopener\" target=\"_blank\">in Google Chat<\/a> two years ago.\u00a0<\/p>\n<p>We\u2019re seeing the Google Photos floating toolbar just on iOS (version 7.63) today. Hopefully, we\u2019re also getting updated design guidelines.\u00a0<\/p>\n<p>\t\t<a target=\"_blank\" rel=\"nofollow noopener\" href=\"https:\/\/google.com\/preferences\/source?q=https:\/\/9to5google.com\" aria-label=\"Add 9to5Google as a preferred source on Google\"><br \/>\n\t\t\t<img decoding=\"async\" class=\"google-preferred-source-badge-dark\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2025\/11\/1764374954_669_google-preferred-source-badge-dark.png\" alt=\"Add 9to5Google as a preferred source on Google\"\/><br \/>\n\t\t\t<img decoding=\"async\" class=\"google-preferred-source-badge-light\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2025\/11\/1764374954_276_google-preferred-source-badge-light.png\" alt=\"Add 9to5Google as a preferred source on Google\"\/><br \/>\n\t\t<\/a><\/p>\n<p class=\"disclaimer-affiliate\">FTC: We use income earning auto affiliate links. <a href=\"https:\/\/9to5mac.com\/about\/#affiliate\" rel=\"nofollow noopener\" target=\"_blank\">More.<\/a><\/p>\n<p><a href=\"https:\/\/benqurl.biz\/3WZyqpL\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-704145\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2026\/02\/1770964690_117_native-banner_750_150.jpg\" alt=\"\" width=\"700\" height=\"140\"\/><\/a>\t\t\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"The vast majority of Google\u2019s Android apps have switched to a short bottom bar. Google Photos was the&hellip;\n","protected":false},"author":2,"featured_media":123163,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[49,48,61],"class_list":["post-471840","post","type-post","status-publish","format-standard","has-post-thumbnail","category-technology","tag-ca","tag-canada","tag-technology"],"_links":{"self":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts\/471840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/comments?post=471840"}],"version-history":[{"count":0,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts\/471840\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/media\/123163"}],"wp:attachment":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/media?parent=471840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/categories?post=471840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/tags?post=471840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}