Posts

Posted on

AppStudio 5.0.8 released.

AppStudio 5.0.8 is now available. It includes a number of speed improvements, especially for larger projects, plus some other fixes and new stuff.

  1. Design Screen: Adding controls more than twice as fast.
  2. Project Explorer: Moving controls up and down about 8 times faster.
  3. Code Window: Intellisense for user functions much, much faster.
  4. ServerStorage: Docs for installing on your own server are now available.
  5. Controls: jqxGrid now handles % heights properly.
  6. Design Screen: Copy and Paste of Containers fixed.
  7. Design Screen: Zero value for designHeight, DesignWidth fixed.
  8. Project Explorer: Dragging and dropping sound files fixed.
  9. Design Screen: Scrollbar no longer appears when fullscreen is false.
  10. Controls: Select no longer shows gray circle for custom icon.
  11. Samples: New Swipe sample. (Thanks, Mike Burgher!)
  12. Localization: Thai is complete. (Thanks, Theprasit S.!)
Posted on

Container, Part 2: Putting controls inside

In our last blog post, we looked at how the new AppStudio 5 Container control could be used to create your own controls. Today, we discuss how the Container can be used to group controls.

There are a few reason to do this:

  • Controls in a Container can be moved around by moving just the Container
  • Controls can be logically combined in groups.
  • Controls can be visually linked by drawing a border around them.
  • Controls can be grouped together for Responsive Design purposes.

Let’s see how this is done:
Continue reading “Container, Part 2: Putting controls inside”

Posted on

Container, Part 1: Make your own control

One of the new controls in AppStudio 5 is the Container. It has a couple of uses: you can create your own controls with it, or you can use it as a container for other controls. We’ll deal with the first use in this article.

First, a bit of background. Late in Version 4, we introduced a new Generic control. We realized that a lot more could be done with it, so for Version 5 we enhanced it and renamed it Container.

Any page of HTML is made up of Elements. The specifications for HTML define a few dozen Elements. Examples are Paragraph (“<p>”), Input (“<input>”) and Button (“<button>”). Each of these has a whole bunch of parameters, grouped by Classes, Attributes and Styles.

Controls (also called Widgets) are structures made up of one or more Elements, with their parameters defined to provide a particular appearance or behaviour.

What AppStudio essentially does is create fancy HTML pages by making it easy to set up these Controls, then let you use them in your program. The Container gives you a control with complete control over its appearance.
Continue reading “Container, Part 1: Make your own control”

Posted on

Simulate an Actual Device for Testing

Want to test how your app will look without have to download to a device? Recent enhancements to Chrome make this possible. Now it’s easy to watch the affect of different screen sizes and rotation on your app – all within the Chrome Debugger.

Run your app locally as usual. It will get started in Chrome. Open the Chrome Debugger by hitting F12 (option-command-J on Mac). See the phone shaped icon in the tab bar?

chromedebuggerdevice
Continue reading “Simulate an Actual Device for Testing”

Posted on

AppStudio 5.0.7 released.

AppStudio 5.0.7 has been released. It has some new features as well as important fixes.

Probably the most useful is that a message now pops up if there is a runtime error in your code. Before, there was no way to know whether there was an error without opening the Chrome Debugger.

Screen Shot 2015-05-11 at 6.44.47 AM

You can turn this off with the new stopOnError project property.

Here is what else is new:

  1. Deploy: A message now appears if errors are encountered at runtime.
  2. Project Properties: New stopOnError property to hide runtime error messages.
  3. Controls: MsgBox appearance improved.
  4. Forms: Modal forms now have onhide and onshow events.
  5. EXE Files: Put on Start menu, not Startup files list.
  6. Code Window: False negative on location = fixed.
  7. DropBox: DataStore API is being deprecated by DropBox.
Posted on

AppStudio 5.0.6 released.

This update has improvements to Form bounds, plus a number of fixes.

  1. EXE files: Icon handling improved.
  2. Forms: Bounds now in a group
  3. Forms: Bounds can now be percent, “auto” or a value.
  4. Deploy: Code is only minimized when requested.
  5. Design Screen: extra time during startup allowed for.
  6. Controls: Minor path error in jqxDateTimeInput fixed.
Posted on

Project CSS: Advanced Styling

Styles are a powerful tool for shaping the appearance of your controls. To a large extent, AppStudio lets you avoid having to learn a lot about them: it just handles them for you. But if you want to do something special, it’s easy to add extra styling of your own.

The most common place to put a simple style rule is in the ‘style’ property of a control. This is very specific: it will only apply to that specific control. Where the concept of styles gets powerful is the ability to have style rules apply to groups of controls.
Continue reading “Project CSS: Advanced Styling”

Posted on

AppStudio 5.0.5 released.

This release brings two related new features.

First, there are now a bunch of new properties to help you create Windows exe apps. You can now specify your icon, the window size, etc. That increased the number of project properties, making it a bit unwieldy, which was solved by…

Second, properties are now grouped. The exe properties have their own section in the Properties Editor, along with PhoneGap, bounds, borders and fonts. It’s now much easier to find the property you’re looking for.

Here is the complete list of what is new in this release:

  1. EXE files: Support added for localStorage.
  2. EXE Files: new properties for publisher, icon, title, height and width.
  3. EXE files: now run as a localServer
  4. Controls: jqxGrid was not initiated properly in jqWidgets 3.8.
  5. Deploy: fix encoding mode on LaunchIcon57.png.
  6. Deploy: jsmin fixed.
  7. jQuery: updated to 2.1.4
  8. Properties Window: Properties now have groups.
  9. Properties Window: Borders, Bounds, Fonts are grouped.
  10. Properties: for Chrome Packaged Apps removed.
  11. Samples: Grid sample cellrenderer fixed for jqWidgets 3.8.
  12. ToolBox: Function list was sometimes not refreshing.
  13. Translator: add some semicolons