Saved Bookmarks
| 1. |
What Is Framework7 Status Bar? |
|
Answer» The iOS 7+ allows you to build full screen apps which COULD create an issue when your STATUS bar overlaps your app. Framework7 solves this problem by detecting whether your app is in full screen MODE or not. If your app is in full screen mode then, the Framework7 will automatically adds with-statusbar-overlay class to <html> (or removes if app is not in full screen mode) and you need to add statusbar-overlay class in <body> as shown in below code: <html class="with-statusbar-overlay"> By default, <div> will always be hidden and fixed on top of your screen. It will only be visible when app is in full screen mode and with-statusbar-overlay class is ADDED to <html>. The iOS 7+ allows you to build full screen apps which could create an issue when your status bar overlaps your app. Framework7 solves this problem by detecting whether your app is in full screen mode or not. If your app is in full screen mode then, the Framework7 will automatically adds with-statusbar-overlay class to <html> (or removes if app is not in full screen mode) and you need to add statusbar-overlay class in <body> as shown in below code: <html class="with-statusbar-overlay"> By default, <div> will always be hidden and fixed on top of your screen. It will only be visible when app is in full screen mode and with-statusbar-overlay class is added to <html>. |
|