Arranging UI elements horizontally or vertically in a stack is a piece of cake with the Telerik UI for ASP.NET MVC StackLayout component. These can include simple text, images, or even other ASP.NET MVC components such as the Chart. Additionally, the StackLayout component offers multiple customization options to ensure every design request is met, including altering width, height, styling, alignment and orientation.
The StackLayout component simplifies the creation of layouts in web applications and helps developers migrate from desktop to the web since it mimics the StackPanel component used in Windows development.
Experiment with the ASP.NET MVC Stacklayout component to ensure the results meet the expectations. Customize the component’s width and height, play with the styling, add spacing between inner elements or switch the layout from vertical to horizontal and vice versa. The vertical or horizontal options provide the opportunity to align inner items to the left, right, center or to stretch them.
The StackLayout is typically leveraged to align several elements in the same pattern (in a column or row). In addition to that, you can use it to define more complex layouts by nesting more than one component instance with the appropriate settings.
With the ASP.NET MVC StackLayout component you can apply multiple built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) on the components stacked within the layout.
You can further customize any of the out-of-the box themes, style a specific chart component or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.