The easiest way to make mobile and desktop apps.
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.
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 good in both portrait and landscape modes. AppStudio 5 introduced Responsive Web Design as a …
There are two ways to handle users rotating their devices: prevent them from do so by using the orientation control or locking the screen, or make your app look good in both Portrait and Landscape. One of the problems with making your app look good in both orientations was doing the layout for both in …
AppStudio 5.0.14 is now available. It includes a number of fixes and enhancements. Code Window: Don’t case correct “parse” Controls: Add corner property to TextArea, TextBox. Controls: Allow multiline style properties Controls: Eliminate default text-shadow on TextArea, TextBox Controls: Enable theme support for TextArea, TextBox. Controls: Make Container Responsive Design aware. Controls: Redo how TextBox …
AppStudio 5.0.10 is now available. It includes a number of fixes and new stuff. Design Screen: Error when deleting control in a Container fixed. Samples: New sample using Chartjs library. Controls: Grid cellstyle property used when adding new rows. Controls: Make a number of controls behave better when using Responsive Design. jqWidgets: The path to …
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 …
Continue reading “Container, Part 2: Putting controls inside”
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 …
After several months of hard work, AppStudio 5.0 is ready. It has over 200 new features, enhancements and fixes. Here are some of the major new features: Use Responsive Design for apps that adapt smoothly to different screen sizes. Make Windows Executable (exe) apps. Ten new controls, including Container, Collapsible, Editor, Password Input and Window. …
AppStudio 7.2.2 introduces the CSSGrid control, which provides a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. You can layout your form with areas, each of which can act as a container for the actual controls you will use. It’s a big …
AppStudio 7.0.4 introduces the FlexBox control. It makes it much easier to design a flexible responsive layout structure without using float or positioning. Start by putting all the controls you want to position into a container. The new Flexbox properties allow you to control how the contents of the container are positioned. These properties are …