gregoryagu

ej-tree-grid {
    display: block;
}

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-item-click.trigger='legendItemClick()' 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>
</template>

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-palette="color" e-data-source.bind="ExpendituresList" e-x-name="xName" e-y-name="yName">
            </ej-series>
        </ej-chart>
    </div>
</template>

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">
         <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>
  <require from="./registration-form"></require>
  
  <registration-form></registration-form>
</template>

gregoryagu

ej-tree-grid {
    display: block;
}