Angular 4 virtual scroll, markdown text editor, sticky data table headers, animations & more come to Covalent in 1.0.0-beta.7
tl;dr: Virtual scroll wrapper for any element, Markdown text editor, Data table sticky headers & virtual scroll, Dynamic Form features, Animation utilities, Angular 4.3 & Material Beta 10 support (also, our last beta!)
We’ve abstracted the virtual scroll to a wrapper component that can be used around any element!
Simply wrap with this syntax which is similar to ngFor:
<td-virtual-scroll-container #virtualScroll [style.height.px]="400" [data]="data">
<ng-template let-row="row" let-last="last" tdVirtualScrollRow>
Edit markdown in a simple text editor (aptly name Simple Markdown Editor). Combined with the Covalent Markdown Parser component, users can edit and preview markdown in real-time! …
Data Tables take center stage in Covalent 1.0.0-beta.4
tl;dr: Lots of Data Table features, Loader async/boolean support, new Messages component, Pagination jump ahead features, and Angular v4 loading optimization (also Datepicker from Angular-Material beta.5!)
Important note: To enforce optimized bundle size & lazy loading, the CovalentCoreModule has been removed so you only import what you need (it’s a good thing).
The Covalent Data Table is one of the most widely used component in Teradata products so we’re focusing efforts around popular feature requests such as keyboard support for tabbing & selection, hiding columns, customizing search options and click events on rows. …
Simple steps to prototype an chat application in Angular Material
We will quickly build a responsive layout with all the main UI elements and interactions of the Slack desktop app using Angular components from Angular Material and Covalent. Using atomic design we will build this layout all with existing UI elements and zero custom SCSS.
At Teradata we created Covalent to fill the need for a rapid prototyping tool to serve a global organization and quickly flip mock applications to enterprise products.
Changing the entire application color scheme is simple with Angular Material’s theme. Edit /src/theme.scss and change the $primary and $accent colors (referring to the material color palette) to the class purple & teal Slack theme. …