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

June 23rd 2022

17 Retweets109 Likes

Nik @imnikniklaus

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

July 4th 2022

20 Retweets107 Likes

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.

July 9th 2022

15 Retweets156 Likes

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

July 8th 2022

8 Retweets72 Likes

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

July 5th 2022

8 Retweets54 Likes

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.

July 5th 2022

3 Retweets61 Likes

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…

June 26th 2022

8 Retweets76 Likes

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

June 23rd 2022

6 Retweets72 Likes

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

July 10th 2022

105 Retweets94 Likes

That’s it. See you in two weeks.

Keep it simple!

Damian

👉 twitter.com/DamianJanzi

👉 bubblehacks.io