Everything posted by Ehren
-
Improving the Mobile App Experience
In theory it might be possible by checking (display-mode: standalone) but it’s not something we’re currently tracking.
-
Invision Community 5.0.10 Released
Yes. According to our Github, it was fixed by Esther in 5.0.10 Sure, go ahead 👍
-
Invision Community 5.0.10 Released
After some testing, I believe the Apple meta tag is required for PWA splash screens to work. Yes, it’s a deprecated tag but one which Safari still requires unfortunately. Ironically, the “mobile-web-app-capable” tag which they recommend is redundant in modern browsers (they use the manifest file instead). What I can do is only include the Apple meta tag when a splash screen image has been uploaded. That’ll prevent the console error in some situations 👍
-
Dropdown Menus on some Quest Rules is too small
Hi @ntxpla This was fixed locally the other day. If it’s not included with .10, it’ll be available in .11 🙂
-
Adding text to ALL private message.
Hi @peter gariepy You could use the Page Editor to drag a widget to the top of the Inbox page. You could otherwise use Javascript to insert a message elsewhere, but the widget is probably the easiest solution 🙂
-
PWA start up image
Once the meta tag exists (either via the theme hook or the software update), the app will need to be reinstalled. If they install the PWA without this code, the splash screen won’t be downloaded to their device so it’ll never be shown, even after you upgrade to .11
-
Invision Community 5.0.10 Released
Hi @Moestuin Those settings were intentionally removed. When enabling the PWA, standalone is used. On iOS, the only supported values are standalone and browser. The other values fallback to standalone, so including them as options in the ACP was quite pointless. Additionally, push notifications and splash images require standalone to be selected. So to prevent any confusion and to make the experience consistent across iOS and Android, the setting was removed in favour of always using standalone.
-
PWA start up image
Okay, ignore my above reply. I think the solution is to add the apple-mobile-web-app-capable meta tag. You can either wait for .11, or you can add your own template hook to your theme with the following data to patch it now: Name: PWA Splash screen fix Type: Hook Hook Application: System System: front/global/globalTemplate Hook Target: head Hook Type: Before closing tag Content: <meta name="apple-mobile-web-app-capable" content="yes"> That should work. It does on this community anyway so fingers crossed! 🤞 You will need to delete and reinstall the PWA for this to take effect
-
PWA start up image
Okay, I think the icon URLs need to be prefixed with https: instead of //. Without the https, iOS just shows a black screen. I've been able to test this locally and that seems to make them work. This probably won't be a .10 thing, but I'll look into it for a future update.
-
PWA start up image
Give beta 3 a try. That should fix the splash image, but let me know if it doesn’t 👍
-
Invision Community 5.0.10 Released
Have you enabled Push in the notification settings area on your community? Open the notifications menu and tap the settings button to double check. Also make sure that you’ve granted access to push notifications (and badges) in your device settings.
-
PWA start up image
Thanks @Cedric V I've just looked into this and we should hopefully have it fixed in .10 for you. If not, it'll be in .11 🤝
-
PWA start up image
That should be working and hasn’t been changed recently as far as I know. Have you uploaded your images in the Web App settings?
-
Improving the Mobile App Experience
I can fix the profile links, I know why that’s happening. There are currently no plans to display the indicator when pressing the back button though. And to be fair, most of the time this is instant anyway.
-
Improving the Mobile App Experience
I have, yes. And it’s working fine for me so it’ll take some more time to look into.
-
Improving the Mobile App Experience
It’s something we will look into, however I’ve been unable to reproduce the issue myself so I’ll need to look into this further.
-
Invision Community 5.0.10 Released
Thanks for the suggestion, we’ll add it to our list! 🤝
-
Improving the Mobile App Experience
What device and OS version are you using @EliasM ? The animation Is only applied when tapping links in the PWA. Pressing the back button or viewing your community in a standard browser such as Safari or Chrome won’t display the animation.
-
Improving the Mobile App Experience
This is potentially due to the video dimensions not being known during page load, causing a slight jump. I don’t believe it’s a PWA issue per se.
-
Improving the Mobile App Experience
These changes will be available in the next update, 5.0.10 👍
-
Improving the Mobile App Experience
Enhancing the Mobile Experience with New PWA FeaturesAs part of our ongoing mission to ensure Invision Community 5 feels as smooth and modern across all devices, we’re pleased to announce several improvements in 5.0.10 that enhance the Progressive Web App (PWA) experience. What is the PWA and how do I use it? A Progressive Web App (PWA) is a mobile-optimized version of your community that users can add to their device’s home screen, just like any regular app. It launches in full-screen and supports push notifications and badges (when enabled). To install the PWA: iOS/iPadOS: Tap the Share button in Safari (square with an arrow), then tap "Add to Home Screen." Android: Tap the three-dot menu in Chrome, then tap "Add to Home Screen." The goal for this update is to make your community feel closer to a native app and to make the PWA more accessible, so lets take a look at what's new! Pull to Refresh on iOSAdding pull-to-refresh in the iOS PWA has been a popular request in our feedback forum and I'm excited to share that it has now been implemented. Just like in a native app, users can swipe down to refresh the page in iOS, making it easier and more intuitive to see the latest content. This feature replaces the Refresh button previously found in the mobile footer and brings the iOS experience in line with modern mobile app standards. light-pull-to-refresh.MP4 dark-pull-to-refresh.MP4 Loading animationNavigating between pages in PWAs could sometimes cause confusion due to the lack of a loading indicator. To alleviate this, a custom loading animation has been added which should reassure your visitors that the next page is actually loading. It’s a subtle addition, but it's one which many visitors would expect to see in modern mobile apps - and now they can! ScreenRecording_06-07-2025 13-25-43_1.MP4 Installation prompt bannerSome users may not be aware that they can install your community directly to their device like a native app. To help with that, we’ve introduced a new installation prompt banner to help guide them through the install process. This banner appears when users are browsing your community in a mobile browser. Tapping the banner brings up step-by-step instructions tailored to their device. It’s a gentle nudge that increases PWA adoption while also respecting your visitors choice with a dismiss button. ScreenRecording_06-07-2025 13-56-44_1.MP4 App icon badgesReceiving a notification on the community now adds a notification badge to the PWA icon on your home screen, even if the PWA isn’t open. It’s a great (and familiar) way to inform your members that there’s fresh content waiting for them, and it's just a single tap away. Badges.mp4 Redesigned enable push promptsEnabling push notifications has never been easier. You are now prompted not only in the main notifications menu, but also when tapping follow on any item. EnableFromMenu.mp4 More improvements coming soonThis is part of our ongoing commitment to make Invision Community 5 the best possible experience on mobile. We’re already working on additional improvements to make the mobile experience even more polished and I look forward to sharing them with you in a future update!
-
Improving the Mobile App Experience
Enhancing the Mobile Experience with New PWA FeaturesAs part of our ongoing mission to ensure Invision Community 5 feels as smooth and modern across all devices, we’re pleased to announce several improvements in 5.0.10 that enhance the Progressive Web App (PWA) experience. What is the PWA and how do I use it? A Progressive Web App (PWA) is a mobile-optimized version of your community that users can add to their device’s home screen, just like any regular app. It launches in full-screen and supports push notifications and badges (when enabled). To install the PWA: iOS/iPadOS: Tap the Share button in Safari (square with an arrow), then tap "Add to Home Screen." Android: Tap the three-dot menu in Chrome, then tap "Add to Home Screen." The goal for this update is to make your community feel closer to a native app and to make the PWA more accessible, so lets take a look at what's new! Pull to Refresh on iOSAdding pull-to-refresh in the iOS PWA has been a popular request in our feedback forum and I'm excited to share that it has now been implemented. Just like in a native app, users can swipe down to refresh the page in iOS, making it easier and more intuitive to see the latest content. This feature replaces the Refresh button previously found in the mobile footer and brings the iOS experience in line with modern mobile app standards. light-pull-to-refresh.MP4 dark-pull-to-refresh.MP4 Loading animationNavigating between pages in PWAs could sometimes cause confusion due to the lack of a loading indicator. To alleviate this, a custom loading animation has been added which should reassure your visitors that the next page is actually loading. It’s a subtle addition, but it's one which many visitors would expect to see in modern mobile apps - and now they can! ScreenRecording_06-07-2025 13-25-43_1.MP4 Installation prompt bannerSome users may not be aware that they can install your community directly to their device like a native app. To help with that, we’ve introduced a new installation prompt banner to help guide them through the install process. This banner appears when users are browsing your community in a mobile browser. Tapping the banner brings up step-by-step instructions tailored to their device. It’s a gentle nudge that increases PWA adoption while also respecting your visitors choice with a dismiss button. ScreenRecording_06-07-2025 13-56-44_1.MP4 App icon badgesReceiving a notification on the community now adds a notification badge to the PWA icon on your home screen, even if the PWA isn’t open. It’s a great (and familiar) way to inform your members that there’s fresh content waiting for them, and it's just a single tap away. Badges.mp4 Redesigned enable push promptsEnabling push notifications has never been easier. You are now prompted not only in the main notifications menu, but also when tapping follow on any item. EnableFromMenu.mp4 More improvements coming soonThis is part of our ongoing commitment to make Invision Community 5 the best possible experience on mobile. We’re already working on additional improvements to make the mobile experience even more polished and I look forward to sharing them with you in a future update! View full blog entry
-
PWA: can't go back from attendee list
Hello, What device are you using? On iOS, you can swipe from left to right to go back (the same as a browser). I'm unsure if this gesture exists on Android. If not, we can look into adding a back button on that page, only for PWAs.
-
5.0.9 Released
Feel free to send me a PM with more details or report it as a bug in the tracker and I can look into this for you 👍
-
Background header - image not working
Yep. I reported this issue to the devs on May 16 and Esther fixed it on May 22, ready for 5.0.9.