[New Template] Mobile UI components library

the problem is not bubble. the issue is that iOS/android won’t let a web app in a browser refresh in the background. a web app can only ‘do things’ when it’s active.

I see, this would be important for me, but I will try to solve this problem a lot.

can i ask two questions?

1 - Could you tell me if it is complex for me to implement a range similar to the facebook marketplace, where we put a search radius

2- in the preview model we won’t identify how the creation of feeds lik tiktok turned out? I’ve been looking and reading the forums for a few days, but I don’t think the public version has it

on 1: yes that should be possible. you need to save the locations during an active session though.

on 2: i removed it for now, as it was not working 100% well. I consider readding it once it works without bugs.

1 Like

hey how is everything?

What’s new about tik toker-like functionality?
I don’t know if it helps, but it seems that now there is a way to do it without a paying third-party plugin.

actually found a better way to implement this. will release on Monday :slight_smile:

1 Like

done! the TikTok-like video feed is officially back. And better than ever. no more crashing:)

Here is the preview: https://mobile-ui-starter-kit.bubbleapps.io/version-test/videofeed

documentation is also adjusted: Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

as always, if you like to use this feature, you will need to create a new app from the template and then copy the new stuff over to your existing app.

Here is a short twitter thread on how it’s built: https://twitter.com/DamianJanzi/status/1559122447621713920

very nice as expected coming from you, top!::slight_smile:

Can I merge using image and video in the feed?
the buttons that were at the bottom right I think are gone, some standard icons.

thanks!
yes you can use a condition in the HTML. e.g. use a data type ‘post’ that has a field for a video and a field for an image and then use a condition in the HTML element. eg if the video field is empty use some different HTML code, eg using the HTML image tag HTML img tag.
however, you would also need to adjust some of the workflows.

the buttons are still there?!
image

I thought there was a comment button (chat bubble), profile picture and like heart.

I may have seen it wrong.

Hi,
I love this template and think it’s perfect for my project. I saw above you offered to do a walk through, is that still something you offer? I would really appreciate a walkthrough if that’s possible.
Thanks!

Hi Claire! Thanks a lot, that’s great to hear.
I am frankly a bit short on time these days… but how about the following: you could have a look at the documentation, and if then there are still some specific questions, I’m happy to jump on a short call? Would that work?

@d9999
Thank you for your template improvements.
We would like you to check and correct the following.

(1) We would like a button for full screen mode to be installed.
→When the template was purchased, it was controlled by HTML5 Video Player, so it could be controlled by a check box in the plugin settings.
Now it is controlled by Javascript, so this function is no longer available.

(ii) I would like to be able to pause the video by tapping on it.
→When the template was purchased, it was controlled by HTML5 Video Player, so it could be controlled by the checkbox in the plugin settings.
Now it is controlled by Javascript, so this function is no longer available.

(iii) I want the playback start position to start from 0 seconds every time.
→When you scroll to the previous video, it starts from the last position where it was playing, so I want it to restart every time.
Assuming that there are currently four videos A, B, C and D, if you watch A for 5 seconds and scroll down, the B video starts from 5 seconds instead of 0 seconds.
If you watch video B for another 5 seconds and then scroll down, video C will start from 10 seconds.

When scrolling, like on TikTok, s from the 0-second position every time.

1 Like

done @bubblenocodebubble :slight_smile:

1 Like

Thank you.

It’s a different matter, but it’s about the behavior of the mute button.
I think that the initial state is muted to enable automatic playback, but is it possible to unmute all videos after unmuting once?

done :slight_smile:

1 Like

@d9999

Regarding the mute above, it works fine on PC browsers, but autoplay does not work well on mobile browsers (Safari/Google chrome).

Please confirm.

hello! just downloaded the template and enjoying getting up to speed on the docs… curious if there’s a bug in the Messages feature as the button to start a new message does not appear to work on the purchased workflows and is not very well documented? Documentation | Bubble Mobile Kit 4.0

thx, sharing the template w several portfolio companies/frens to see if they have an interest in using it!

wtfh

Thank:) yes that one is actually not implemented yet. Will do so in the next days. Expect an update :raised_hands:

1 Like

thx! look fwd to it

@d9999
How about this one?