Infragistics Ignite UI for Angular UI Layout and Design Controls
Flexible Angular-Layout- und Design-Steuerungen für responsive Apps.
- Bietet Direktiven zur Steuerung von Layout-Richtungen und des Flows untergeordneter Elemente.
- Unterstützt horizontale und vertikale Layouts mit Umbrechen und Ausrichtung.
- Ermöglicht die Anpassung von Elementreihenfolge, Abständen und Ausrichtungsachsen.
Preise ab:
| Verfügbar in | |
|---|---|
| Infragistics Ignite UI for Angular | Wird geladen |
| Infragistics Ignite UI | Wird geladen |
| Infragistics Professional | Wird geladen |
| Infragistics Ultimate | Wird geladen |
Layout-Richtung steuern
Verwenden Sie die igxLayout-Direktive, um den horizontalen (row) oder vertikalen (column) Ablauf für unmittelbare untergeordnete Elemente innerhalb eines Containers festzulegen und so die flexible Strukturierung von UI-Komponenten zu ermöglichen.
Elementreihenfolge umkehren
Wenden Sie die Eigenschaft igxLayoutReverse an, um die Renderreihenfolge von Elementen umzukehren und so Right-to-Left- oder alternative Layouts zu erleichtern.
Benutzerdefinierte Elementreihenfolge
Nutzen Sie igxFlexOrder für einzelne Elemente, um deren Anzeigereihenfolge innerhalb des Layouts anzupassen und die standardmäßige DOM-Reihenfolge zu überschreiben.
Elementabstand und Ausrichtung
Die igxLayoutJustify-Direktive bietet Optionen wie space-between, space-around, flex-start, center und flex-end, um die Verteilung und Positionierung von Elementen entlang der Hauptachse zu steuern.
Ausrichtung entlang der Querachse
Verwenden Sie igxLayoutItemAlign, um Elemente in einer Zeile vertikal oder in einer Spalte horizontal auszurichten, mit Optionen wie flex-start, center und flex-end, was die Layoutpräzision verbessert.
Inhalte umbrechen
Aktivieren Sie igxLayoutWrap mit der Einstellung wrap, damit Elemente bei Überschreiten der Containerbreite auf mehrere Zeilen umfließen können, was responsive Designs unterstützt.
Layouts verschachteln
Kombinieren Sie igxLayout-Container und igxFlex-Direktiven auf untergeordneten Elementen, um komplexe verschachtelte Flexbox-Layouts zu erstellen und Größe, Ausrichtung und Reihenfolge auf mehreren Hierarchieebenen zu verwalten.
Integration von Material Design
Diese Direktiven basieren auf den Prinzipien von Angular Material Design und gewährleisten eine nahtlose Styling-Konsistenz sowie ein konsistentes Theming innerhalb von Angular-Anwendungen, die den Material-Richtlinien folgen.
Produktkompatibilität
Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.
Komponententyp
- JavaScript
JavaScript-Plattform
- Angular
- Vanilla JavaScript
Über Infragistics
Infragistics, 1989 gegründet und mit Hauptsitz in Cranbury, New Jersey, hat sich als globale Kraft in der UI/UX-Entwicklung etabliert und bedient Softwareprofis in über 100 Ländern. Es ist weithin bekannt für seine umfassenden Bibliotheken und Frameworks, die Web-, Desktop- und Mobile-Plattformen unterstützen, einschließlich Lösungen, die auf .NET, Angular, React und andere führende Technologien zugeschnitten sind. Mit Niederlassungen in Europa, Asien und Südamerika liefert Infragistics Komponenten, die eine effiziente Anwendungsentwicklung und reichhaltige Benutzererlebnisse ermöglichen. Sein Engagement für Innovation und Kundenzufriedenheit positioniert es als vertrauenswürdigen Partner für Entwickler und Organisationen weltweit, die Qualität und Flexibilität in ihren digitalen Projekten suchen.
Erfahren Sie mehr über InfragisticsEntdecken Sie Produkte von Infragistics
Als offizielle und autorisierte Vertriebspartner seit 1996 stellt Ihnen ComponentSource legale Lizenzen direkt von Infragistics bereit.