gregoryagu’s gists

gregoryagu / index.html

Created July 12, 2018 13:23

	<!doctype html>
	<html>

	<head>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	</head>

	<body>
	<div aurelia-app="src/configure">
	Loading...

gregoryagu / app.html

Last active July 17, 2018 10:12

Splitter : basic-use

	<template>
	<require from="./basic-use.css"></require>
	<div class="content-container-fluid">
	<div class="row">
	<div class="cols-sample-area splitter-width" style="width:100%;">
	<!----------------Splitter Control---------------->
	<ej-splitter id="outterSpliter" e-height="350" e-orientation.bind="orientation"
	e-properties.bind="properties" e-enable-auto-resize="true">
	<ej-splitter id="innerSpliter" e-enable-auto-resize="true">
	<div>

gregoryagu / app.css

Created July 18, 2018 00:13 — forked from kabaehr/app.css

Aurelia Gist .ref binding command examples

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

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

gregoryagu / gist:63377d18a819ad9ef5a9d750273aae8c

Created July 19, 2018 01:53

How to Have two flexbox children, first size is auto, second one stretch to fill parent height

Hello world

gregoryagu / app.html

Created July 19, 2018 19:44

Aurelia Samples

	<template>
	<require from="./basic-use.css"></require>
	<div class="content-container-fluid">
	<div class="row">
	<div class="cols-sample-area splitter-width" style="width:100%;">
	<!----------------Splitter Control---------------->
	<ej-splitter id="outterSpliter" e-height="350" e-orientation.bind="orientation"
	e-properties.bind="properties" e-enable-auto-resize="true">
	<ej-splitter id="innerSpliter" e-enable-auto-resize="true">
	<div>

gregoryagu / index.html

Last active July 19, 2018 20:40

Stretch last item to fill available height using Flex Box

	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<meta charset="utf-8">
	<title>GistRun</title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<script src="script.js"></script>

gregoryagu / index.html

Last active July 19, 2018 20:47

Stretch last item to fill available height using Flex Box with Boostrap 4.1 (not 4 which is missing flex-fill)

	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
	<meta charset="utf-8">
	<title>GistRun</title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<script src="script.js"></script>

gregoryagu / app.html

Last active July 19, 2018 23:35 — forked from vinithadevi-murugan/app.html

Schedule : default-functionalities

	<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 / index.html

Last active July 19, 2018 23:51

Stretch last item to fill available height using Flex Box with Boostrap 4.1 (not 4 which is missing flex-fill), also using 100vh

	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
	<meta charset="utf-8">
	<title>GistRun</title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<script src="script.js"></script>

gregoryagu / app.html

Created July 20, 2018 14:08

Aurelia Samples - Calendar Issue

	<template>
	<require from="./basic-use.css"></require>
	<div class="content-container-fluid">
	<div class="row">
	<div class="cols-sample-area splitter-width" style="width:100%;">
	<!----------------Splitter Control---------------->
	<ej-splitter id="outterSpliter" e-height="350" e-orientation.bind="orientation"
	e-properties.bind="properties" e-enable-auto-resize="true">
	<ej-splitter id="innerSpliter" e-enable-auto-resize="true">
	<div>

Greg Gum gregoryagu