The RadPageLayout uses grid system for displaying the layout. The maximum number of columns is 12. The span attribute sets the size (or width) of a column, so the sum of the values for all spans in a single row can be up to 12 units. If you would like to make the buttons to be next to each other, please set smaller values to he Span attributes of the columns, so the sum will be up to 12.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Any change in this limitation? Not being able to get even a guess about the rendered appearance makes the thing very hard to use for designing forms.
answered on 28 Aug 2019, 09:19 AM
I am afraid that the design-time limitations are still present with the PageLayout.
Generally, the Design time uses an engine similar to a very old version of Internet Explorer and it not all styles and HTML elements are rendered properly in it. That is why, sometimes some of the styles are not reflected in the design-time while they are applied in the real browser.
We strongly recommend testing such appearance tasks in the real browser. In the modern browsers, such as Google Chrome and Mozilla Firefox, the developer tools provided by the browser allow a very easy inspection and tweaking of CSS styles, HTML attributes and DOM elements hierarchy. More info can be found in the following blog post, mainly the first two points: