Category Archives: tips

Responsive Design: Centering a button vertically

Vertical and horizontal centering is hard. Here, from CommitStrip.com: Here’s a good resource with suggestions on vertical and horizontal centering: https://css-tricks.com/centering-css-complete-guide/ Let’s work through an example.

Posted in tips | Comments Off on Responsive Design: Centering a button vertically

Responsive Design: Rotating Your Device

When designing an app for mobile devices, you need to consider what happens if the device is rotated. You can just put up a message asked the user to rotate back, or you can design your app so it looks … Continue reading

Posted in tips | Comments Off on Responsive Design: Rotating Your Device

AppStudio 5: Using a local copy of jqWidgets

If you use any of the jqWidgets samples, you’ll notice the files for jqWidgets get loaded directly from jqwidgets.com. This makes sure that our samples are always using the latest versions of the files, and means we don’t have to … Continue reading

Posted in tips | Comments Off on AppStudio 5: Using a local copy of jqWidgets

Make your own Windows apps!

AppStudio 5 lets you create native Windows apps from your projects. It’s dead simple: Choose ‘Make Windows Executable (exe)’ from the Run menu, and your Project.exe file is ready a few seconds later. Now you can distribute your apps to … Continue reading

Posted in tips | Comments Off on Make your own Windows apps!

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 … Continue reading

Posted in tips | Comments Off on Container, Part 2: Putting controls inside

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 … Continue reading

Posted in tips | 1 Comment

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 … Continue reading

Posted in tips | Comments Off on Simulate an Actual Device for Testing

Including Files with your App

The Project Explorer is the table of contents for your app. Whenever you add a Form or a Control to a Form, it gets added to the Project Explorer. You can include files in your app by dragging them into … Continue reading

Posted in tips | Comments Off on Including Files with your App

Styleheaders: 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 … Continue reading

Posted in html, tips | Tagged | Comments Off on Styleheaders: Advanced Styling

New, Improved Native Build Status

AppStudio lets you make native apps using PhoneGap Build (PGB) quickly and easily. PGB is a web service which compiles your web app into a native app and lets you download it, usually within 30 seconds. It’s much easier than … Continue reading

Posted in tips | Comments Off on New, Improved Native Build Status