Version 4: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 101: Line 101:
# Chrome warning "Consider using 'dppx' units instead of 'dpi'..." fixed.
# Chrome warning "Consider using 'dppx' units instead of 'dpi'..." fixed.
# [[TextBox]] has new step property number input. Allows integers or floats to be valid.
# [[TextBox]] has new step property number input. Allows integers or floats to be valid.
# Button: You can now set a button's value with Button1.value = "new text"


===iWebKit===
===iWebKit===

Revision as of 21:34, 20 February 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. Design Screen: Controls sized in percentages remain in percentages after being moved.
  11. Design Screen: Fix problem with alignment lines sometimes too short.
  12. Dropbox: Support for Dropbox files.
  13. Dropbox: Support for Dropbox Datastores.
  14. Forms: New locked property stops changes to form layout.
  15. Forms: New setFocusID sets input field with initial focus.
  16. Installation: licences for all components of AppStudio are in new licenses folder.
  17. Preferences: New panel for Code Window.
  18. Project Properties: New rtl property for languages like Arabic, Farsi and Hebrew.
  19. iOS: Web apps are automatically full screen in iOS 7.1.
  20. Android: Easier to add apps to home screen when using Chrome 32 or higher.
  21. Samples: Many new and updated samples.
  22. Samples: iWebKit samples removed.

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.

Libraries

  1. Obsolete Sencha and Cordova libraries removed.
  2. jquery.js is always included.
  3. jQuery updated to Version 2.1.0.
  4. messages.js merged into hfunc.js.
  5. 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. Fixed Typename(0) and Typename(CSng("text"))
  8. Fixed DateDiff("d","12:00:00","13:00:00")

jQuery Mobile

  1. jQM 1.4 is now the officially supported version.
  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. jQM 1.4 has a much more modern look and feel.
  6. RTL appearance for controls now available.
  7. Just two built in themes now: white(a) and black(b).
  8. FontFamily, FontSize, FontStyle and FontWeight can now be set in the Properties Window.
  9. More controls now have a square corners option.
  10. More controls now have a mini option for a smaller version of the control.
  11. Where possible, controls now set their height automatically.
  12. Icons updated, with many new ones added.
  13. List: addItem now has a theme parameter.
  14. List: setting theme on items now works propery.
  15. List: New filter properties: filter, filterPlaceholder, filterReveal
  16. List: New setFilter(str) function to set or clear the filter.
  17. List: New AutoDivider property.
  18. List: Allow use of number for item in addItem.
  19. PopUp: New control with sample.
  20. Footerbar no longer needs refresh().
  21. Button has new padding property. Use it if you need a bit of extra room for text.
  22. CheckBox and RadioButton can now have checkbox on right.
  23. TextArea has new autogrow property.
  24. A number of controls were positioning themselves 6 pixels too low.
  25. Chrome warning "Consider using 'dppx' units instead of 'dpi'..." fixed.
  26. TextBox has new step property number input. Allows integers or floats to be valid.
  27. Button: You can now set a button's value with Button1.value = "new text"

iWebKit

  1. iWebKit has been deprecated.
  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.

Breaking Changes

  1. Do not use jQuery Mobile 1.3 controls on a project which is using jQuery 1.4. It will fail badly.
  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 for it 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. It's 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. 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