Version 4: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 74: Line 74:
# New [[GetJSON]] function: see StockQuote sample.
# New [[GetJSON]] function: see StockQuote sample.
# New [[WaitCursor]] statement.
# New [[WaitCursor]] statement.
# SysInfo(4) now handles MS touch screen devices.
# Fixed [[Typename]](0) and [[Typename]](CSng("text"))
# Fixed [[Typename]](0) and [[Typename]](CSng("text"))
# Fixed DateDiff("d","12:00:00","13:00:00")
# Fixed DateDiff("d","12:00:00","13:00:00")

Revision as of 21:36, 6 March 2014

Documentation for AppStudio 4 (Unreleased)

If you own a previous version of AppStudio, you need to buy the upgrade to use version 4. You can do this from within the app or from our order form.

Until you have bought the upgrade, you can use AppStudio 4 in Demo mode. Once you buy, your copy will convert automatically to the full version.

Version 4.0.0 Beta

Major New Features

  1. New, modern look to the IDE
  2. jQuery Mobile controls have a flat, clean style.
  3. DropBox Files can be read and written.
  4. Improved support for RTL languages
  5. Desktop App now run on Mac OS as well as Windows.

General

  1. Code Modules: More file types can be edited in the Code Window.
  2. Code Modules: Files keep their names when drag and dropped to Code Window.
  3. Code Window: User can now choose font, font size, reverse colors and indents.
  4. Code Window: Defaults to Consolas. If not present on Mac OS, Monaco is used.
  5. Controls: Adsense, Facebook and Twitter now allow % bounds, has bottom property.
  6. Controls: Grid draws properly in RTL projects.
  7. Controls: jqxCheckbox updated for new version of jqWidgets.
  8. Deploy: PhoneGap 3.3 now supported - Android 4.4 (KitKat)
  9. Deploy: Chrome manifest (for packaged apps) now sets display_in_launcher, display_in_new_tab_page and short_name.
  10. Deploy: jsmin.js updated.
  11. Design Screen: Controls sized in percentages remain in percentages after being moved.
  12. Design Screen: Fix problem with alignment lines sometimes too short.
  13. Dropbox: Support for Dropbox files.
  14. Dropbox: Support for Dropbox Datastores.
  15. Forms: New locked property stops changes to form layout.
  16. Forms: New setFocusID sets input field with initial focus.
  17. Installation: licences for all components of AppStudio are in new licenses folder.
  18. Preferences: New panel for Code Window.
  19. Project Properties: New rtl property for languages like Arabic, Farsi and Hebrew.
  20. iOS: Web apps are automatically full screen in iOS 7.1.
  21. Android: Easier to add apps to home screen when using Chrome 32 or higher.
  22. Timeout on demo reset to 30 days.

IDE

  1. New, more modern look and feel.
  2. Windows do not reverse screen on right to left languages.
  3. New RTL Project Property for right to left languages.
  4. Preview for images added in Project Explorer.
  5. New Deploy To chooser in menu bar.
  6. New icon picker
  7. Now know about onresize event.
  8. Toolbox search button removed.
  9. Busy cursor appears on long operations.
  10. Galaxy 5 added to standard form size options.

Libraries

  1. Obsolete Sencha and Cordova libraries removed.
  2. jquery.js is always included.
  3. jQuery updated to Version 2.1.0.
  4. FastClick updated to Version 1.0.0.
  5. FastClick compressed to 1/3 the size.
  6. messages.js merged into hfunc.js.
  7. new Shake library adds onshake() event.

Scrolling

  1. Scrolling is now uses iScroll 5 library (was 4)
  2. New scroll_options: scrollbar and mouseWheel. Both default to on.
  3. Much smoother than before.
  4. On the desktop, you can scroll with the mouse wheel.
  5. Forms can now be scrolled.
  6. Grid control does a better job of using its height and width settings.

Language

  1. New Format string function.
  2. New IndexOf string or array function.
  3. New Push array function.
  4. New Splice array function.
  5. New GetJSON function: see StockQuote sample.
  6. New WaitCursor statement.
  7. SysInfo(4) now handles MS touch screen devices.
  8. Fixed Typename(0) and Typename(CSng("text"))
  9. Fixed DateDiff("d","12:00:00","13:00:00")
  10. Fixed MsgBox "i break f"

jQuery Mobile

  1. jQM 1.4 is now the officially supported version. It has a much more modern look and feel.
  2. jQM 1.3 is deprecated in AppStudio.
  3. All jQM samples have been converted to jQM 1.4.
  4. New option to convert jQM projects to JQM 1.4 on project load
  5. RTL appearance for controls now available.
  6. Just two built in themes now: white(a) and black(b).
  7. FontFamily, FontSize, FontStyle and FontWeight can now be set in the Properties Window.
  8. More controls now have a square corners option.
  9. More controls now have a mini option for a smaller version of the control.
  10. Where possible, controls now set their height automatically.
  11. Icons updated, with many new ones added.
  12. Custom icons can now be used.
  13. Some controls were positioning themselves 6 pixels too low.
  14. Chrome warning "Consider using 'dppx' units instead of 'dpi'..." fixed.
  15. Button has new padding property. Use it if you need a bit of extra room for text.
  16. Button: You can now set a button's value with Button1.value = "new text"
  17. CheckBox and RadioButton can now have checkbox on right.
  18. Footerbar no longer needs refresh().
  19. List: addItem() now has a theme parameter.
  20. List: addItem() now sets the nsbclick and nsbvalue attributes for each line.
  21. List: addItem() now allows use of number for item.
  22. List: New AutoDivider property.
  23. List: New filter properties: filter, filterPlaceholder, filterReveal
  24. List: New setFilter(str) function to set or clear the filter.
  25. List: setting theme on items now works propery.
  26. PopUp: New control with sample.
  27. TextArea has new autogrow property.
  28. TextArea has new heightMax property.
  29. TextBox has new submit inputType.
  30. TextBox has new step property number input. Allows integers or floats to be valid.
  31. TextBox and TextArea have new required property. Can be used by checking libraries.

iWebKit

  1. iWebKit has been deprecated. You should replace these controls.
  2. iWebKit sample folder has been removed.
  3. All references to iWebKit in other samples have been converted.
  4. iWebKit Buttons, Text, Textarea and TitleBar controls can be converted to jQM 1.4 controls on project load.

Samples

  1. All samples updated to use the new release.
  2. New RssFeed sample: Get RSS feed and display.
  3. New PopUp sample: shows how to use the the PopUp control.
  4. New samples for AppStudio Course
  5. New sample: CustomIcons shows how to use custom icons with jQM controls.
  6. New sample: StudentsLocalStorage shows how to implement simple student list using localStorage.
  7. New sample: StudentsSQLite shows the same thing, but using SQLite to save the data.
  8. New sample: StudentsDropBoxFile shows the same thing, but saved to a DropBox as a file.
  9. New sample: StudentsDropBoxDatastore shows the same, but using a DropBox DataStore.
  10. New sample: Upload lets you upload and view files on a server.
  11. New sample: Shake demonstrates how to detect a device shake in your app.
  12. New sample: Formspree emails the data on a form.
  13. iWebKit samples removed.

Breaking Changes

  1. The IDE will not let you mix jQM 1.3 and 1.4 controls in the same project.
  2. Make a backup of your projects before loading them into AppStudio 4.0. You may not be able to load them in AppStudio 3 after you save them.
  3. iWebKit has been deprecated. The controls will still work, but support will be removed from AppStudio in the future. When AppStudio was first released, 3 years ago, iWebKit was one of the best frameworks available. However, its author has not updated it since then and no longer supports it. Time to move on!
  4. The officially supported version of the jQuery Mobile framework is now 1.4. The controls have all been updated to a modern look and feel, similar to iOS 7 and Android. Once you upgrade, your apps will have a new clean look and feel modern. Apps using jQuery Mobile 1.3 are starting to look dated. jQuery Mobile 1.3 is deprecated and will be removed from AppStudio in the future.
  5. The most notable breaking change is to Themes. Formerly, jQM had three themes: a, b and c. JQuery Mobile 1.4 has just 2: 'a' for primarily whlte and 'b' for primarily black. The result is a cleaner, more modern look to apps. You can still use ThemeRoller to create your own themes: you will need to import, tweak and download your existing themes to upgrade them.
  6. AppStudio does what it can to upgrade your controls to jQuery Mobile 1.4. You will be prompted when opening your project to do so. If you have been using jQM 1.3, your control's properties are copied over and tweaked for the new version. iWebKit buttons and text controls are automatically converted to jQM 1.4, but other controls will have to be to done by you.
  7. In the Chrome Debugger, ignore the minimal-ui message. Apple introduced a new keyword, which Chrome doesn't ignore. It is believed that Google will fix this.
  8. If your text does not quite fit on a button, change the 'padding' property to 0.
  9. Display Emoji in Labels, not jQuery Buttons.
  10. A number of controls were positioning themselves 6 pixels too low. This has been fixed, but could change the positioning on existing projects.
  11. FlipToggle: Number of characters in a label limited to about 5.
  12. On jQM List controls, do not try to access the children property.
'Do not do this..
List1.children[1].style.minHeight="30px"  

'Do this instead...
List1_1.style.minHeight="30px"
'or
$("#List1" & i).css("minHeight","60px")
  1. The syntax to change the name of a button has changed in jQuery Mobile 1.4. (Similar change for CheckBox.)
  $("#Button2 .ui-btn-text").text("New Value")    'jQuery Mobile 1.3
  Button2.text = "New Value"                      'jQuery Mobile 1.4