Hi everyone,
I’m working on a mobile application in OutSystems and looking to implement a story feature similar to Instagram or WhatsApp, where users can:
View stories in full-screen mode See a progress bar at the top Navigate between stories (next/previous)
Long press to pause story progress bar and on release resume from same position. Same as instagram. Display user info (profile picture, name) Show optional interaction icons (like, react, etc.)
Has anyone implemented something similar that might help?
Thanks in advance!
Hi,
You have this Instagram replica on forgehttps://www.outsystems.com/forge/component-overview/14468/instagram-o11
And many video plugins that can help you.
https://www.outsystems.com/forge/list?q=video&t=mobile&o=most-popular&tr=False&oss=False&c=%20&a=&v=&hd=False&tn=&scat=forge
Thanks for sharing the links!
However, I’m only looking to develop the user list and story feature, similar to how Instagram or WhatsApp handles stories — not the full Instagram application.
The Forge component you shared seems to include the entire Instagram replica, which is more than what I need. I’m currently trying to develop this feature on my own, but I’m facing some challenges, especially with:
Managing the story progress bar and timing
Implementing pause/resume on long press
Smooth navigation between stories
Displaying user details with story content
If there are any components, examples, or best practices focused specifically on these areas, I’d really appreciate your guidance.
Thanks again for your support!
The progress-bar and long-press pause/resume behavior are probably the trickiest parts, especially when moving between stories on Android and iOS. I’d also keep the media handling separate from the story UI; for example, browser-based tools such as Indown.mobi can be useful when working with publicly available Instagram media as test or reference material.