IOS7: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
 
(20 intermediate revisions by 2 users not shown)
Line 5: Line 5:
== New Features ==
== New Features ==
# New style: default font style is Helvetica Neue. Since it is a bit finer than regular Helvetica, consider moving up the font size. To look even more like iOS7, get rid of the striped background and use blue labels. Here's a good [http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/ cheat sheet] on some of the design differences.
# New style: default font style is Helvetica Neue. Since it is a bit finer than regular Helvetica, consider moving up the font size. To look even more like iOS7, get rid of the striped background and use blue labels. Here's a good [http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/ cheat sheet] on some of the design differences.
[[File:Ios7.1.png]]
[[File:Ios7.1.png|center]]
# New Date Control
# New Date inputType on TextBox control.
# New Time Control
# New Time inputType on TextBox control.
# New Progress Control
# New Progress Control[[File:ProgressBar.png|center]]
# Text to Speech
# Status bar appearance: With the new look, setting status bar in Project Properties to black-translucent looks best.


== Known Bugs ==
== Known Bugs ==
# mailto:, tel:, sms: etc. tags do not work when saved to Home Screen.
# mailto:, tel:, sms: etc. tags do not work when saved to Home Screen. FIXED in 7.0.3
# Simple MsgBox does not work properly. Use NSB.MsgBox instead
# Simple MsgBox does not work properly. Use NSB.MsgBox instead. FIXED in 7.0.3
# StatusBar
# JavaScript alert, confirm and prompt do not work. FIXED in 7.0.3
# There is a problem with SQLite database that are over 5 megs.
# When running with Safari (not from the Home screen), there is no way to hide the Navigation (URL) bar.
# There is a problem with SQLite databases that are over 5 megs.
# In Safari preferences, "Block Cookies" needs to be set to "Never" or "No Third Party". It cannot be "Always". Otherwise, localStorage and SQLite statements will not work.
# If your app uses a JSON structure, the JavaScript runtime allocates way more memory than is needed or perhaps even available. This can lead to all sorts of unpredictable behavior. AppStudio uses JSON structures to import SQLite databases.
# StatusBar overlaps the top of the app. The workaround is to not use the top 20 pixels of the screen. [[File:IOS7statusbar.png|center|320px]]
The NSB property ‘status bar’ affects the IOS 7.0 Status Bar as follows:
 
    1. Set to black-translucent = black translucent
    2. Set to black = white translucent
    3. Set to default  = black translucent
 
Here's a [http://www.icenium.com/blog/icenium-team-blog/2013/11/07/everything-hybrid-web-apps-need-to-know-about-the-status-bar-in-ios7 longer article] about this bug. The workarounds are very fragile: everyone is hoping Apple will fix this one in an update.
 
== Testing if iOS 7 is running ==
<pre>
If InStr(navigator.appVersion,"iPhone OS 7_0") >0 Then
  Print "iOS7"
Else
  Print "not iOS7"
End If
</pre>

Latest revision as of 16:18, 4 December 2013

This page keeps track of information about iOS7 for AppStudio users. Feel free to add your tricks and workarounds!

Max Firtman has a general overview here.

New Features

  1. New style: default font style is Helvetica Neue. Since it is a bit finer than regular Helvetica, consider moving up the font size. To look even more like iOS7, get rid of the striped background and use blue labels. Here's a good cheat sheet on some of the design differences.
  1. New Date inputType on TextBox control.
  2. New Time inputType on TextBox control.
  3. New Progress Control
  4. Text to Speech
  5. Status bar appearance: With the new look, setting status bar in Project Properties to black-translucent looks best.

Known Bugs

  1. mailto:, tel:, sms: etc. tags do not work when saved to Home Screen. FIXED in 7.0.3
  2. Simple MsgBox does not work properly. Use NSB.MsgBox instead. FIXED in 7.0.3
  3. JavaScript alert, confirm and prompt do not work. FIXED in 7.0.3
  4. When running with Safari (not from the Home screen), there is no way to hide the Navigation (URL) bar.
  5. There is a problem with SQLite databases that are over 5 megs.
  6. In Safari preferences, "Block Cookies" needs to be set to "Never" or "No Third Party". It cannot be "Always". Otherwise, localStorage and SQLite statements will not work.
  7. If your app uses a JSON structure, the JavaScript runtime allocates way more memory than is needed or perhaps even available. This can lead to all sorts of unpredictable behavior. AppStudio uses JSON structures to import SQLite databases.
  8. StatusBar overlaps the top of the app. The workaround is to not use the top 20 pixels of the screen.

The NSB property ‘status bar’ affects the IOS 7.0 Status Bar as follows:

    1. Set to black-translucent = black translucent
    2. Set to black = white translucent
    3. Set to default  = black translucent

Here's a longer article about this bug. The workarounds are very fragile: everyone is hoping Apple will fix this one in an update.

Testing if iOS 7 is running

If InStr(navigator.appVersion,"iPhone OS 7_0") >0 Then 
  Print "iOS7"
Else
  Print "not iOS7"
End If