SVG + CSS animation starter file ('-' * 32)
Forked from Val Head's Pen SVG + CSS animation starter file.
A Pen by Alyssa Nicoll on CodePen.
Alyssa Michelle Nicoll alyssamichelle
🖤
alyssamichelle
/ SVG + CSS animation starter file.markdown
Created
May 22, 2015 20:19
SVG + CSS animation starter file
SVG icon three ways ('-' * 19)
Forked from Val Head's Pen SVG icon three ways.
A Pen by Alyssa Nicoll on CodePen.
A Pen by Alyssa Nicoll on CodePen.
A Pen by Alyssa Nicoll on CodePen.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
alyssamichelle
/ kui-grid-cellclickeevent.js
Last active
April 16, 2020 15:25
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| MouseEvent { | |
| isTrusted: true, | |
| screenX: 431, | |
| screenY: 443, | |
| clientX: 431, | |
| clientY: 309, | |
| ctrlKey: false, | |
| shiftKey: false, | |
| altKey: false, | |
| metaKey: false, |
alyssamichelle
/ grid-to-chart-innards.html
Last active
April 21, 2020 18:40
Inside pieces of our Grid https://telerik.github.io/kendo-angular/grid-charts-integration/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <kendo-grid-column field="day_change" title="Change" media="(min-width: 768px)"> | |
| <ng-template kendoGridCellTemplate let-dataItem> | |
| <span [ngClass]="{ 'grid-cell-positive' : dataItem.day_change > 0, 'grid-cell-negative' : dataItem.day_change < 0 }"> | |
| {{ dataItem.day_change > 0 ? ('+' + dataItem.day_change) : dataItem.day_change }} | |
| </span> | |
| </ng-template> | |
| </kendo-grid-column> | |
| <kendo-grid-column field="change_pct" title="%Change" media="(min-width: 768px)"> | |
| <ng-template kendoGridCellTemplate let-dataItem> |
alyssamichelle
/ Date-Range-Kendo-UI-Component.html
Last active
May 7, 2020 20:54
The date range kendo ui component as used in the financial portfolio app: https://github.com/telerik/kendo-angular/blob/master/examples-standalone/finance-portfolio/src/app/components/stock-chart/stock-chart.component.html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <kendo-daterange> | |
| <kendo-dateinput | |
| kendoDateRangeStartInput | |
| [autoCorrectOn]="'change'" | |
| [min]="calendarMin" | |
| [max]="calendarMax" | |
| [(ngModel)]="range.start" | |
| (valueChange)="handleRangeChange($event, range.end)"> | |
| </kendo-dateinput> | |
| <kendo-dateinput |
OlderNewer