Version 4: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 5: Line 5:
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.
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.1.1 ==
== Version 4.0.2 ==
# New [[YouTube]] control
# New [[YouTube]] control
# New Google Maps control
# [[Code Window]]: False positive syntax error warning fixed.
# [[Code Window]]: False positive syntax error warning fixed.
# Controls: Do not show unusable properties in Adsense, Facebook, PayPal and Twitter.
# Controls: [[Adsense]] now picks up user parameters properly.
# Controls: [[Adsense]] now picks up user parameters properly.
# Controls: [[Footerbar|FooterBar]], [[NavBar]]: Remove unused font properties
# Controls: [[Footerbar|FooterBar]], [[NavBar]]: Remove unused font properties
Line 18: Line 20:
# PhoneGap: Updated to 3.4.
# PhoneGap: Updated to 3.4.
# [[Properties Window]]: Select property in RTL systems fixed.
# [[Properties Window]]: Select property in RTL systems fixed.
# Samples: Add rotation to Camara sample.


== Version 4.0.1 ==
== Version 4.0.1 ==

Revision as of 09:31, 10 April 2014

Documentation for AppStudio 4

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.2

  1. New YouTube control
  2. New Google Maps control
  3. Code Window: False positive syntax error warning fixed.
  4. Controls: Do not show unusable properties in Adsense, Facebook, PayPal and Twitter.
  5. Controls: Adsense now picks up user parameters properly.
  6. Controls: FooterBar, NavBar: Remove unused font properties
  7. Controls: FooterBar: Eliminate white line at bottom when theme is 'b'.
  8. Controls: Grid: Fix clicks on Android scrolling grids
  9. Controls: Labels now look sharper in jQM projects - no more textShadow.
  10. Controls: List: Divider lines now wrap as well.
  11. Controls: MsgBox now has an Id when active of NSB_MsgBox
  12. Controls: MsgBox text is now sharper in jQM projects.
  13. PhoneGap: Updated to 3.4.
  14. Properties Window: Select property in RTL systems fixed.
  15. Samples: Add rotation to Camara sample.

Version 4.0.1

  1. Code Window: new Format Code feature in right click menu.
  2. Code Window: If Then on one line indents properly.
  3. Controls: Footerbar: Fix issue with blank icon.
  4. Controls: Image.src can now be used to set/get image.
  5. Controls: Label.Caption and .text can be used (as well as .textContent).
  6. Controls: List: Add click:true so clicks work on Android.
  7. Controls: List: Now wraps long text instead of truncates.
  8. Controls: MsgBox: Change button text to blue.
  9. Controls: PictureBox.addImage() does iOS image bug fix.
  10. Docs: Wiki and translation files updated.
  11. Docs: Tutorials and AppStudio Course updated with new images.
  12. IDE: False positive from BitDefender on Mac fixed.
  13. IDE: Fix problem with Edit menu items disabled.
  14. iScroll: Now includes Zoom feature.
  15. Language: new Style/End Style structure. Allows inline css.
  16. Runtime: Ajax() function now calls $.ajax()
  17. Runtime: Fix issue with PlaySound() on unsupported environments.

Version 4.0.0

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 Apps 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: PictureBox.addImage() is a much easier way to add images to a PictureBox.
  6. Controls: Adsense, Facebook and Twitter now allow % bounds, have bottom property.
  7. Controls: Grid draws properly in RTL projects.
  8. Controls: jqxCheckbox updated for new version of jqWidgets.
  9. Deploy: PhoneGap 3.3 now supported - Android 4.4 (KitKat)
  10. Deploy: Chrome manifest (for packaged apps) now sets display_in_launcher, display_in_new_tab_page and short_name.
  11. Deploy: jsmin.js obfuscator updated.
  12. Deploy: index.html is no longer sent twice, speeding up deploy.
  13. Deploy: Downloading from PhoneGap Build gives up after 5 seconds: no longer hangs if PGB is unresponsive.
  14. Design Screen: Controls sized in percentages remain in percentages after being moved.
  15. Design Screen: Fix problem with alignment lines sometimes too short.
  16. Dropbox: Support for Dropbox files.
  17. Dropbox: Support for Dropbox Datastores.
  18. Forms: New locked property stops changes to form layout.
  19. Forms: New setFocusID sets input field with initial focus.
  20. Installation: licences for all components of AppStudio are in new licenses folder.
  21. Preferences: New panel for Code Window.
  22. Project Properties: New rtl property for languages like Arabic, Farsi and Hebrew.
  23. Project Save: redundant external file info no longer saved in .nsx file.
  24. iOS: Using the new minimal-ui setting, web apps are automatically full screen in iOS 7.1.
  25. Android: Easier to add apps to home screen when using Chrome 32 or higher.
  26. Windows Phone: -ms-touch-action:none added to stop screen bouncing.
  27. 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 PlaySound() statement.
  7. New WaitCursor statement.
  8. Nicer wait icon.
  9. The buttons on NSB.MsgBox and NSB.InputBox are now blue - they stand out better.
  10. SysInfo(4) now handles MS touch screen devices.
  11. Fixed Typename(0) and Typename(CSng("text"))
  12. Fixed DateDiff("d","12:00:00","13:00:00")
  13. 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 - see CustomIcon sample.
  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. Label is now a div so jQM does not enhance it.
  20. List: addItem() now has a theme parameter.
  21. List: addItem() now sets the nsbclick and nsbvalue attributes for each line.
  22. List: addItem() now allows use of number for item.
  23. List: New AutoDivider property.
  24. List: New filter properties: filter, filterPlaceholder, filterReveal
  25. List: New setFilter(str) function to set or clear the filter.
  26. List: setting theme on items now works propery.
  27. PopUp: New control with sample.
  28. Select has new align property.
  29. TextArea has new autogrow property.
  30. TextArea has new heightMax property.
  31. TextBox has new submit inputType.
  32. TextBox has new step property number input. Allows integers or floats to be valid.
  33. TextBox and TextArea have new required property. Can be used by validation libraries.
  34. TextBox and TextArea have new onkeyup event.

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 PlaySound sample - Easily play mp3 and wav files.
  3. New RssFeed sample: Get RSS feed and display.
  4. New PopUp sample: shows how to use the the PopUp control.
  5. New samples for AppStudio Course
  6. New sample: CustomIcon shows how to use custom icons with jQM controls.
  7. New sample: StudentsLocalStorage shows how to implement simple student list using localStorage.
  8. New sample: StudentsSQLite shows the same thing, but using SQLite to save the data.
  9. New sample: StudentsDropBoxFile shows the same thing, but saved to a DropBox as a file.
  10. New sample: StudentsDropBoxDatastore shows the same, but using a DropBox DataStore.
  11. New sample: Upload lets you upload and view files on a server.
  12. New sample: Shake demonstrates how to detect a device shake in your app.
  13. New sample: Formspree emails the data on a form.
  14. New sample: jqPlotExample plots a graph using the jqPlot library.
  15. 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. Google has fixed this in a update which has not been released yet.
  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