gregoryagu

<template>
  <div class="container">
    <div class="form-row">
      <div class="col-6">
        <fieldset class="form-group">
          <label class="form-label semibold">Select Group</label>
          <input type="text" id="selectGroup" ej-drop-down-list="e-width:100%;e-data-source.bind:groups;e-fields.bind:{ text: 'name', value: 'Id' };e-watermark-text.bind:'Select...';" e-on-change.trigger='onchange($event)' />
        </fieldset>
      </div>
      <div class="col-6">

gregoryagu

<template>

    <div class="content-container-fluid">
         <ej-chart id="container" e-legend.bind="legend" e-size.bind="size" e-title.bind="title" e-common-series-options.bind="commonSeriesOptions">
            <ej-series e-data-source.bind="ExpendituresList" e-x-name="xName" e-y-name="yName">
            </ej-series>
        </ej-chart>
    </div>
    <button click.delegate='update()'>Update</button>
</template>

gregoryagu

<template>

    <div class="content-container-fluid">
        <div class="row">
            <div class="cols-sample-area splitter-width">
                <!----------------Autocomplete Control---------------->
              
         <ej-splitter id="outterSpliter" e-height="250" e-width="50%" e-orientation.bind="orientation" 
                e-properties.bind="properties"	e-enable-auto-resize="true" style="margin:0 auto;">
                    <ej-splitter id="innerSpliter" e-enable-auto-resize="true">

gregoryagu

<template>
  <require from="./registration-form"></require>
  
  <registration-form></registration-form>
</template>

gregoryagu

<template>
  <h1>${message}</h1>
</template>

gregoryagu

<template>
  <require from="components/navigation.html"></require>
  <h1>Aurelia Router Demo</h1>
  <navigation router.bind="router" class="primary-navigation"></navigation>
  <div class="page-host">
    <router-view></router-view>
  </div>
</template>

gregoryagu

<template>
    
      <require from="nav-bar"></require>
  
      <nav-bar router.bind="router"></nav-bar>
       
      <main>

        <div class="page-host">
          <router-view></router-view>

gregoryagu

<template>    
    <div>
      <ej-tab id="defaultTab"  e-width="100%" e-on-item-active.trigger="onitemActive($event)">
      <ul>
        <li><a href="#children">Sub-Tasks</a></li>
		<li click.trigger='click()'><a href="#calendar">Calendar</a></li>
        
	  </ul>

      <div id="children">

gregoryagu

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 30px;
}

.list {
  display: block;
  margin: 20px 0px;
  overflow: hidden;
}

gregoryagu

<template>
  <require from='./self'></require>
  <style>
    .panel {
      user-select: none;
    }
    .panel header {
      padding: 5px;
      height: 50px; background: green; color: #fff;
    }