Adjusting the iOS status bar when building PWAs with Bubble

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

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!) 🧵

Nik @imnikniklaus

I’m hiring a full time @bubble designer (80k min) and a “Skelton app dev” (someone super good at db designs). Recommendation?

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.

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

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=…

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.

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…

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-…

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

That’s it. See you in two weeks.

Keep it simple!

Damian

👉 twitter.com/DamianJanzi

👉 bubblehacks.io