Infragistics Ignite UI for Angular UI Layout and Design Controls
Flexible Angular layout and design controls for responsive apps.
- Provides directives to control layout directions and child element flow.
- Supports horizontal and vertical layouts with wrapping and alignment.
- Enables customization of element order, spacing, and alignment axes.
Prices from:
| Available in | |
|---|---|
| Infragistics Ignite UI for Angular | Loading |
| Infragistics Ignite UI | Loading |
| Infragistics Professional | Loading |
| Infragistics Ultimate | Loading |
Layout Direction Control
Use the igxLayout directive to specify horizontal (row) or vertical (column) flow for immediate child elements within a container, enabling flexible structuring of UI components.
Reverse Element Order
Apply the igxLayoutReverse property to reverse the rendering order of elements, facilitating right-to-left or alternative layouts.
Custom Element Ordering
Utilize igxFlexOrder on individual elements to adjust their display sequence within the layout, overriding default DOM order.
Element Spacing and Justification
The igxLayoutJustify directive offers options like space-between, space-around, flex-start, center, and flex-end to control the distribution and positioning of elements along the main axis.
Cross Axis Alignment
Use igxLayoutItemAlign to align elements vertically in a row or horizontally in a column, with options including flex-start, center, and flex-end, enhancing layout precision.
Content Wrapping
Enable igxLayoutWrap with the wrap setting to allow elements to flow onto multiple lines when exceeding container width, supporting responsive designs.
Nesting Layouts
Combine igxLayout containers and igxFlex directives on child elements to create complex nested flexbox layouts, managing sizing, alignment, and order at multiple hierarchy levels.
Material Design Integration
These directives are built with Angular Material design principles, ensuring seamless styling consistency and theming within Angular applications following Material guidelines.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Angular
- Vanilla JavaScript
About Infragistics
Infragistics, founded in 1989 and headquartered in Cranbury, New Jersey, has established itself as a global force in UI/UX development, serving software professionals in over 100 countries. It is widely recognized for its comprehensive libraries and frameworks supporting web, desktop, and mobile platforms, including solutions tailored for .NET, Angular, React, and other leading technologies. With offices spanning Europe, Asia, and South America, Infragistics delivers components that enable efficient application development and rich user experiences. Its commitment to innovation and customer satisfaction positions it as a trusted partner for developers and organizations worldwide seeking quality and flexibility in their digital projects.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from Infragistics.