bubbleHacks

Share this post
Adjusting the iOS status bar when building PWAs with Bubble
bubblehacks.substack.com

Adjusting the iOS status bar when building PWAs with Bubble

Damian
Jul 12, 2022
Share this post
Adjusting the iOS status bar when building PWAs with Bubble
bubblehacks.substack.com

Hey there 👋

Yes, that’s right. bubbleHacks migrated back to Substack! 🥳

So, let’s head right in:

PWAs are en vogue. And Bubble comes with a lot of PWA features and settings right out of the box. But unfortunately, the iOS status bar color is not one of them. That's why I've created a short tutorial on adjusting the iOS status bar when building PWAs with Bubble :)

  • Bubble editor: https://bubble.io/page?type=page&name=ios_notch&id=bh-examples&tab=tabs-1

  • Header code:

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  • CSS code:

    <style>

    body {

    background-color: #058AF7;

    }

    </style>

  • Further reading (article from video): https://codeburst.io/progressive-web-apps-customize-status-bar-23c4b2de590f

Some interesting stuff I came across

Twitter avatar for @theadityapati
Build with Adi (ChirpTag) @theadityapati
No-Code communities played a huge role in my journey. Here are 9 communities you must join as a @bubble developer 👇 (Or an Indie Hacker in general!) 🧵
12:46 PM ∙ Jun 23, 2022
109Likes17Retweets
Twitter avatar for @imnikniklaus
Nik @imnikniklaus
I’m hiring a full time @bubble designer (80k min) and a “Skelton app dev” (someone super good at db designs). Recommendation?
5:38 PM ∙ Jul 4, 2022
107Likes20Retweets
Twitter avatar for @ankitvekaria
Ankit NoCode 🚀 @ankitvekaria
I’ve spent 5000+ hours building on @bubble. Here are the top accounts you need to follow: Save 100+ hrs on research.
4:18 AM ∙ Jul 9, 2022
156Likes15Retweets
Twitter avatar for @TipsBubble
Tass at Tiplister @TipsBubble
Bubble Tip: Want a quicker API Call? When initiating it in the API Connector, be sure to hit "ignore field" on fields you do not need. Less data needs to be retrieved, so higher speed. @bubble #Nocode
Image
11:52 AM ∙ Jul 8, 2022
72Likes8Retweets
Twitter avatar for @Shankar_19
Shankar Prasad @Shankar_19
If you are new to @bubble and interested to know about API integrations, checkout this playlist by @bestbubbledev and @lowcodekrish Covered the basics pretty well👌👌 youtube.com/playlist?list=…
Image
11:38 PM ∙ Jul 5, 2022
54Likes8Retweets
Twitter avatar for @ClausISaidSo
Kelly Claus @ClausISaidSo
The #1 most common question I get on coaching calls is "Is my idea possible in @bubble?" So far I haven't ever had to say no, and that is just really, really cool.
12:05 AM ∙ Jul 5, 2022
61Likes3Retweets
Twitter avatar for @elibeachy
Eli 🇺🇦 @elibeachy
🔥 New @bubble tip! How to set up your GroupFocus elements to have a dynamic width. Super useful for a custom dropdown or menu where the group focus width should match the element that it references. loom.com/share/8cd5742e…
1:58 PM ∙ Jun 26, 2022
76Likes8Retweets
Twitter avatar for @mneary0
Matt Neary @mneary0
Font weights now a separate property in @bubble. It's the small things in life that give me joy. Forum post 👇 forum.bubble.io/t/change-font-…
Image
6:48 PM ∙ Jun 23, 2022
72Likes6Retweets
Twitter avatar for @theadityapati
Build with Adi (ChirpTag) @theadityapati
🚨 Introducing Bubble Brunch! ⚡️ Repository of 100+ @bubble tweets on workflow, APIs, hacks, and discussions by renowned Bubblers ⚔️ Hunted the best resources for 12+ hours so you don't have to! 🎁 Grab your copy for free! (Retweet + Follow and I'll DM you the copy) #NoCode
Image
1:44 PM ∙ Jul 10, 2022
94Likes105Retweets

That’s it. See you in two weeks.

Keep it simple!

Damian

👉 twitter.com/DamianJanzi

👉 bubblehacks.io

Leave a comment

Share

Thanks for reading bubbleHacks! Subscribe for free to receive new posts and support my work.

Share this post
Adjusting the iOS status bar when building PWAs with Bubble
bubblehacks.substack.com
Comments
TopNewCommunity

No posts

Ready for more?

© 2023 Damian Janzi
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing