As we have written about at length on this blog, Alpha has fully embraced HTML5 mobile app development. While our powerful component based architecture enables developers to quickly and easily build robust applications for any device without the need to code, there is always the option to get "under the hood" and add custom code wherever you see fit.
CSS3 is one of the core elements that are part of HTML5. In the video below, Alpha Software CTO Selwyn Rabins shows how much control you have over your application's layout using CSS3.
When a UX Component (that uses 'container width' layout mode, which is the default mode) is rendered, every control in the component is wrapped in a DIV with a class name of 'A5CWLayout'. This special class is essential to the way in which the controls all 'flow' from left-to-right, then top-to-bottom, creating powerful, 'fluid' layouts that automatically adjust to changes in the window size.The default padding on the A5CWLayout class is set globally in a property in the UX builder. There are situations, however, as described in this video, where you would like to selectively control the padding on the A5CWLayout class.NOTE: This video is aimed at users with an understanding of CSS selectors.
CSS3 is one of the core elements that are part of HTML5. In the video below, Alpha Software CTO Selwyn Rabins shows how much control you have over your application's layout using CSS3.
Using CSS to Control Padding and Spacing
When a UX Component (that uses 'container width' layout mode, which is the default mode) is rendered, every control in the component is wrapped in a DIV with a class name of 'A5CWLayout'. This special class is essential to the way in which the controls all 'flow' from left-to-right, then top-to-bottom, creating powerful, 'fluid' layouts that automatically adjust to changes in the window size.The default padding on the A5CWLayout class is set globally in a property in the UX builder. There are situations, however, as described in this video, where you would like to selectively control the padding on the A5CWLayout class.NOTE: This video is aimed at users with an understanding of CSS selectors.
Comment