jawa-the-hutt

<template>
    <require from="./basic-use.css"></require>
    <section>
        <br>
        <h3>Basic KendoUI Button API sample</h3>
        <a href="https://github.com/aurelia-ui-toolkits/aurelia-kendoui-plugin/tree/master/sample/src/samples/button">See KendoUI Bridge button folder for more details</a>
        <br>
        <br>
        &nbsp;&nbsp;<button ak-button="k-icon: ungroup; k-widget.bind: button" k-on-click.delegate="test()">Kendo UI Button</button>
        <br>

jawa-the-hutt

<template>
    <require from="./basic-use.css"></require>
    <section>
        <br>
        <h3>Basic KendoUI Grid sample</h3>
        <a href="https://github.com/aurelia-ui-toolkits/aurelia-kendoui-plugin/tree/master/sample/src/samples/grid">See KendoUI Bridge grid folder for more details</a>
        <br>
        <br>
         <ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true">
            <ak-col k-title="Contact Name" k-field="ContactName">

jawa-the-hutt

<!-- put your view here  -->
<template>
  <require from="./dynamic-element"></require>
  <form id="ticketsForm" submit.delegate="submit($event)" ak-validator="k-widget.two-way: validator">
    <ul id="fieldlist">
      <dynamic-element elements.bind="elements"></dynamic-element>
    </ul>
    <p></p>
    <button class="k-button k-primary" type="submit">Submit</button>
    <p></p>

jawa-the-hutt

<!-- put your view here  -->
<template>
  <!--<require from="./dynamic-element"></require>-->
  <form id="ticketsForm" submit.delegate="submit($event)" ak-validator="k-widget.two-way: validator">
    <ul repeat.for="element of elements" id="fieldlist">
      <li if.bind="element.htmlElement == 'input'">
        <label for="${element.id" class="${labelClass}">${element.labelText}</label>
        <input type="${element.type}" id="${element.id}" class="${element.class}" placeholder="${element.placeholder}" validationMessage="${element.validationMessage}" style="${element.style}"
      </li>
    </ul>

jawa-the-hutt

<!-- put your view here  -->
<template>
    <div class="form-group">
        <label class="control-label">
            Gender
            <span class="required"> * </span>
        </label>
        <div>
            <ul class="fieldlist">
                <li>

jawa-the-hutt

<!-- put your view here  -->
<template>
    <div class="form-group">
        <label class="control-label">
            Gender
            <span class="required"> * </span>
        </label>
        <div>
            <ul class="fieldlist">
                <li>

jawa-the-hutt

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="projectTitle">Project Title</label>
      <input type="text" class="form-control" id="projectTitle" placeholder="Project Title"
             value.bind="project.projectTitle & validate">
    </div>

jawa-the-hutt

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>
        <option value='Fred'>Fred</option>
        <option value=''>None</option>

jawa-the-hutt

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="name">Name</label>
      <input type="text" class="form-control" id="name" placeholder="Name"
             value.bind="user.name & validate">
    </div>

jawa-the-hutt

<template>
 

    <div class="form-group">
      <label class="control-label" for="name">Name</label>
      <input type="text" class="form-control" id="name" placeholder="Name"
             value.bind="user.name & validate">
    </div>

    <div class="form-group">