Alpha Software Blog

Build Responsive Layouts with the new Flow and Column Layout Container

Alpha Anywhere's low code model means you can do more with less. This is achieved through builders and property sheets in Alpha, interfaces that collect information about what you want an application to look like or do and generates the code for you.

A new feature in the FormView Control allows you to build complex template layouts without needing to write any HTML: Flow and Column Layout Containers.

Creating Complex Codeless Mobile Form Interfaces

Flow and Layout Containers

With the introduction of the Column and Flow Layout Containers, it becomes possible to create grid-like layouts without needing to resort to custom HTML. Controls placed in Column and Flow containers automatically resize or align themselves, creating beautiful layouts with minimal effort.

Column Layout Containers organize your controls into multiple columns. The number of columns in a Column container is controlled by the number of Column Breaks. If no Column Breaks are present, controls are rendered in a single column. Adding Column Breaks splits the controls into multiple columns. Column sizes can either be equally distributed or explicitly specified.

Flow Containers organize controls horizontally from left to right. Controls will wrap onto a new if the total width of all controls exceeds the space available. You can also force controls onto a new line by insert Line Breaks, much the same way you can insert new columns with Column Breaks.

To teach you more about how Flow and Column Layout Containers work, we have created two new videos that explain how these controls work:

Flow and Column Layout Containers Part 1
Flow and Column Layout Containers Part 2

The component used to produced the videos is available for download. At the time of this post, this component was created using a pre-release build of Alpha Anywhere, which you can download here. You can install the pre-release side by side with the current release of Alpha Anywhere. To learn how this is done, check out the "Changing the Alpha Anywhere Installation Directory" section in our Installation Guide.
Prev Post Image
Criteria for RMAD selection:Building apps that behave like mobile apps
Next Post Image
DZone Guide Interviews Dan Bricklin as a Top Exec in App Development

About Author

Sarah Mitchell
Sarah Mitchell

Technical Writer and Documentation Expert at Alpha Software

The Alpha platform is the only unified mobile and web app development and deployment environment with distinct “no-code” and “low-code” components. Using the Alpha TransForm no-code product, business users and developers can take full advantage of all the capabilities of the smartphone to turn any form into a mobile app in minutes, and power users can add advanced app functionality with Alpha TransForm's built-in programming language. IT developers can use the Alpha Anywhere low-code environment to develop complex web or mobile business apps from scratch, integrate data with existing systems of record and workflows (including data collected via Alpha TransForm), and add additional security or authentication requirements to protect corporate data.