Gizmou
April 9, 2014, 7:33pm
1
Hey all,
I see its possible to make a translucent status bar with: StatusBar.styleBlackTranslucent(); but the statusbar is just black and not translucent when I do this. Any ideas on how to do this?
Cheers
Gizmou
Check out:
Created some CSS classes for when you want a translucent header bar and want the contents of ion-content to slide under the header bar when you scroll.
[image]
[image]
Contains classes for header, no header (for when you’re hiding the nav-bar) and for when you’re using tabs.
Maybe useful for someone.
I put together a pure css based solution for a frosted glass demo, similar to this post . I haven’t worked anything into directive yet but I’m going to get to that hopefully later today.
The benefits of this is that there is no need to have javascript clone the content the blur it in the header (from my understanding of how the official directive works). This method uses css regions to achieve basically the same thing.
I’m going to mess around with this and see how this works with the content d…
Hey!
In case your missed our tweet from earlier, today we built a really cool demo using Ionic to showcase the frosted glass effect recently made popular by iOS 7. Basically, we are blurring not only the top layer, but the content underneath it.
Head over the the Demo Page and check it out. We’d love to see how you use it in your own apps!
P.S. We will be periodically building new demos to show off interesting ui interactions like this one and previous ones . I would love to hear your ideas f…
All in the ‘Demo’ category of the Forum. Enjoy.
Keep in mind, my demo will only work if your in safari or if you have the experiment web features flag turned on in chrome