Created
July 21, 2018 01:12
-
-
Save gregoryagu/7f1f0097e7529c83f4934e49788624d6 to your computer and use it in GitHub Desktop.
Tab : default-functionalities
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
| <template> | |
| <require from="./default-functionalities.css"></require> | |
| <ej-tab id="defaultTab"> | |
| <ul> | |
| <li><a href="#steelman">Man of Steel</a></li> | |
| </ul> | |
| <div id="steelman" style="background-color:yellow;"> | |
| <ej-schedule id="Schedule1" e-width="100%" e-appointment-settings.bind="AppointmentList" e-current-date="04/03/2016"> | |
| </ej-schedule> | |
| </div> | |
| </div> | |
| </ej-tab> | |
| </template> |
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
| export class BasicUse { | |
| constructor() { | |
| this.orientation = ej.Orientation.Vertical; | |
| this.properties = [{}, { paneSize: 80 }]; | |
| this.AppointmentList = { | |
| dataSource: [ | |
| { | |
| Id: 113, | |
| Subject: 'HighWay Thru Hell', | |
| StartTime: '2014/4/1 03:00:00', | |
| EndTime: '2014/4/1 07:00:00', | |
| StartTimeZone: 'UTC +05:30', | |
| EndTimeZone: 'UTC +05:30', | |
| Description: '', | |
| AllDay: false, | |
| Recurrence: false, | |
| Categorize: '5,6,3' | |
| }, { | |
| Id: 115, | |
| Subject: 'Cash Cab', | |
| StartTime: '2014/3/30 15:00:00', | |
| EndTime: '2014/3/30 16:30:00', | |
| StartTimeZone: 'UTC +05:30', | |
| EndTimeZone: 'UTC +05:30', | |
| Description: '', | |
| AllDay: false, | |
| Recurrence: true, | |
| RecurrenceRule: 'FREQ=DAILY;INTERVAL=1;COUNT=5', | |
| Categorize: '1,3' | |
| }], | |
| id: 'Id', | |
| subject: 'Subject', | |
| startTime: 'StartTime', | |
| endTime: 'EndTime', | |
| startTimeZone: 'StartTimeZone', | |
| endTimeZone: 'EndTimeZone', | |
| description: 'Description', | |
| allDay: 'AllDay', | |
| recurrence: 'Recurrence', | |
| recurrenceRule: 'RecurrenceRule' | |
| }; | |
| } | |
| } |
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
| #defaultTab .col-md-3{ | |
| width: auto; | |
| } | |
| @media (max-width: 540px) { | |
| #defaultTab.e-tab .e-header li > a, .e-tab .e-header li > a > span:first-child { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| width: 45px; | |
| } | |
| } | |
| .flex-container-column { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| } | |
| .flexible { | |
| flex: 1 1 auto; | |
| } |
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
| <!DOCTYPE html> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Essential Studio for JavaScript"> | |
| <meta name="author" content="Syncfusion"> | |
| <title>Untitled</title> | |
| <!-- Essential Studio for JavaScript theme reference --> | |
| <link rel="stylesheet" href="https://cdn.syncfusion.com/14.2.0.28/js/web/flat-azure/ej.web.all.min.css" /> | |
| </head> | |
| <body aurelia-app="main"> | |
| <h1>Loading...</h1> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.6/system.js"></script> | |
| <script src="https://rawgit.com/aurelia-ui-toolkits/aurelia-syncfusion-bundles/0.0.1/config2.js"></script> | |
| <script> | |
| System.import('aurelia-bootstrapper'); | |
| </script> | |
| </body> | |
| </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
| export function configure(aurelia) { | |
| aurelia.use | |
| .standardConfiguration() | |
| .developmentLogging() | |
| .plugin('aurelia-syncfusion-bridge', syncfusion => syncfusion.useAll()); | |
| aurelia.start().then(a => a.setRoot()); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment