AppStudio 7 Upgrades

Free Upgrades

Everyone with a current AppStudio Subscription or having purchased after May 1, 2018 is entitled to AppStudio 7 for no charge. We’ve sent emails to everyone. You have been updated in our database, so you should be ready to go.

Discounted Upgrades

If you’re not on the list for a free upgrade, you can still get a discount. From the About screen in AppStudio, click on the upgrade button. You’ll be taken to the order form, where you can order the upgrade for $49.95 (a new copy is $199.95). It includes 4 months of AppStudio subscription: after that, you’ll have a discounted subscription of $9.95 per month. (regularly $15.00).

You can also order it here: https://www.nsbasic.com/i/Subscription

Questions? Let us know: support@nsbasic.com

AppStudio 7 released!

We’re thrilled to announce AppStudio 7 is ready.

Inspiration for the new release came from a couple of places.

First, the world of web based development is changing quickly. We updated AppStudio to use up to date best practices and libraries. Your existing projects will still work, but you’ll get to use the latest techniques.

Second, we’ve gotten great feedback from developers using AppStudio for large commercial projects. AppStudio now works well for teams and supports technologies like GitHub and Node.js. We managed to add these new features while keeping AppStudio approachable and easy to start using.

Here are some of the main new features. The complete list is here. We will be adding articles to our Blog and Wiki explaining how to use these features.

  1. Multifile Projects: We’ve reorganized how projects are saved. The main .project file just contains values for project properties. All code, HTML and other text entities are now stored as separate folders and files.
  2. One Project Per Folder: All files for a project are now stored in one project folder. Two projects cannot share a folder.
  3. Bootstrap 4 is now supported.
  4. GitHub: AppStudio projects are now GitHub compatible.
  5. Version control: You can now use git (or other utility) for version control.
  6. Team Development: The combination of Multifile and GitHub allows a team of developers to work on the same project.
  7. External Editing: Having all code, HTML, etc. in separate files allows the use of other editors.
  8. Toolbox reorganized: All framework related files are now in folders for that framework.
  9. Eslint: Advanced syntax checking for JavaScript in the Code Window.
  10. Internationalization: Make your app work in multiple languages.
  11. PDF files: You can make PDF files from your Forms for emailing, etc.
  12. Validation allows you to automatically check the contents of forms.
  13. Node.js can now be used in AppStudio projects.

The most important thing to do before upgrading is make a backup. The project format has changed: be sure to keep a copy of the old format.

Download Links

You can use the link on the About screen in AppStudio, or

Mac: https://www.dropbox.com/s/ojbaoqbg6ffneyl/AppStudio.dmg
Win: https://www.dropbox.com/s/97iijiylsyvwui2/AppStudio.exe

To go back to Version 6:

Mac: https://www.dropbox.com/s/lqb59h0nkyz72cd/AppStudio6.dmg
Win: https://www.dropbox.com/s/a0bk44ydgtqv72p/AppStudio6.exe

Please open new topics on our Web Board for any questions you have – it will make it easier to keep track of the discussions.

Receiving SMS messages into your app (Android)

You can now receive incoming SMS messages (text messages) on Android devices, using the sms-receive plugin.

It does not intercept them – the messages still go to the Messages app. It only works if your app is compiled under PhoneGap.

Your app doesn’t have to be in the foreground – it will received the messages so long as it has been started. The received message is available as variable in your app – so you can use it to update databases, inform the user or all kinds of things.

Full details are in this Tech Note:
https://wiki.nsbasic.com/Using_the_PhoneGap_API:_SMS-Receive

AppStudio 6.3.1.2 released!

We’ve just released 6.3.1.2. It has one specific purpose.

Chrome 66 (released today) changes how the events are triggered after a BS Hamburger or Dropdown is clicked. We came up with a better way of handling this, which should make sure this doesn’t happen again.

If your app uses the Bootstrap Hamburger or Dropdown controls, you need to install this update.

The easiest way to get the update is on the Help menu – “Check for Updates…”

Using the Safari View Controller with PhoneGap

To be approved in the iTunes Store, Apple may require that your app open web pages inside your app, instead of opening Safari externally in another app window. It provides a better experience to the user.

When you open Safari in a new app window, it’s difficult to get back to your app. By using the Safari View Controller inside your app, switching to Safari is seamless – there is even a Done button to return to your app. Your users will thank you.

Title bar of a Safari View Controller. Note the Done button and the customized color.

There’s a handy PhoneGap plugin which makes this easy. Here’s how to use it:
Continue reading “Using the Safari View Controller with PhoneGap”

AppStudio 6.3.1 released!

We’re pleased to announce AppStudio 6.3.1 is ready.

It incorporates all the fixes to 6.3 which have been released to date.

  1. Deploy: ContentSecurityPolicy is only used on PhoneGap apps.
  2. Design Screen: Was blank in some projects due to file name encoding.
  3. Design Screen: Fix problem with screen not showing controls if Grid present.
  4. Forms: All forms were displaying briefly at startup.
  5. Forms: Fix problem with modal forms.
  6. PhoneGap: Add base64 images to ContentSecurityPolicy
  7. Properties: New viewFrameFit property for iOS 11.
  8. Samples: Change copyright date on ABD fake company.
  9. Samples: Use specific camera library (2.4.1) on camera plugin.
  10. Samples: Samples open properly on Mac OS.
  11. Samples: Get rid of obsolete background style.

Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 6 users.

iOS 11: The top of the screen

iOS 11 brought a change to the way your app gets positioned on the screen. A reason for this is the new iPhone X, with its ‘notch’ at the top. However, this change affects all iOS devices, not just the iPhone X.

Apple introduced a new parameter for web pages called viewport-fit. iOS devices have a ‘Safe Area’, which is screen space the app can safely use. viewport-fit defines how your app uses the Safe Area. If set to contain (the default) your app will be confined to the Safe Area. If set to cover, it will use the entire screen.

In AppStudio 6.3.0.3 (released today), we have added a new viewportFit project property you can use for your app. It works together with the StatusBar property to define what is on top of the screen.

Let’s look at the various combinations:

StatusBar: black-transluscent viewportFit: contain

This is how many apps will look running iOS 11 with AppStudio before 6.3.0.3. Notice the empty space above the Header? It actually takes the color of your app’s background. The status bar info is there, but invisible since it is white on white.

StatusBar: black-transluscent viewportFit: cover

By changing viewportFit to cover, the app now fills the whole screen. But now the status bar info is showing IN our Header. If you want to use this combination, add 20 pixels on top of the Header for the status bar.

StatusBar: black viewportFit: contain

Making the status bar black means that your app gets positioned below it. No problems here!

StatusBar: black viewportFit: contain

If the status bar is black, it doesn’t seem to matter if you use cover or contain.

AppStudio 6.3.0.2 released!

We’re pleased to announce AppStudio 6.3.0.2 is ready.

We found a few more items which needed to be fixed.

  1. Design Screen: Fix problem with screen not showing controls if Grid present.
  2. Forms: All forms were displaying briefly at startup.
  3. Samples: Get rid of obsolete background style.

Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 6 users.

AppStudio 6.3.0.1 released!

We’re pleased to announce AppStudio 6.3.0.1 is ready.

No matter how much testing is done, releasing the code is the only real way to find all the problems.

  1. Forms: Fix problem with modal forms.
  2. PhoneGap: Add base64 images to ContentSecurityPolicy
  3. Samples: Change copyright date on ABD fake company.
  4. Samples: Use specific camera library (2.4.1) on camera plugin.

Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 6 users.

AppStudio 6.3.0 released!

We’re pleased to announce AppStudio 6.3.0 is ready.

This release brings a bunch of useful fixes and some enhancements.

New and improved stuff includes:

  1. Bootstrap: ‘spellcheck’ property added to input controls.
  2. Bootstrap: Hamburger.addItem can now add ‘divider’ lines.
  3. Bootstrap: DataTable now has initComplete property.
  4. Bootstrap: Icon image in Project Explorer fixed.
  5. Code Window: Files in HTML format are now lexed properly.
  6. Code Window: JavaScript format now uses indent as specified in Preferences.
  7. Code Window: Clicking in the Functions window improved.
  8. Controls: Google Maps: Use apiKey when initializing.
  9. Deploy: Filenames in the manifest are now URL encoded. Spaces work in file names.
  10. Design Screen: Right clicking a control with existing event does not create a new JavaScript function.
  11. Forms: New ‘attribute` property.
  12. Forms: New ‘class’ property.
  13. Forms: screenMode has new ‘noStyle’ setting: Only user styling is applied.
  14. jQM Collapsible now supports html in Header.
  15. MacOS: Support added for 10.13 High Sierra
  16. MakeEXE: Mismatched files for Windows 7,8 fixed.
  17. PhoneGap: Improve Content Security Policy for iOS 11.
  18. PhoneGap: ‘gap:’ no longer required in config.xml tokens.
  19. Preferences: Full list of languages appears again on Mac.
  20. Project Properties: Add favicon.
  21. Runtime: Improve ‘stopOnError’ runtime error message display.
  22. Runtime: NSB.MsgBox no longer spills text outside the box.
  23. Runtime: NSB.MsgBox now scrolls long messages.
  24. Samples: PhoneGapFileSystem “LocalFileSystem not defined” fixed.
  25. Samples: PhoneGapFileSystem Barcode plugin fixed.
  26. Updated copyright dates to 2018.

Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 6 users.