Skip to content

Instantly share code, notes, and snippets.


Jouni Koivuviita jouni

Block or report user

Report or block jouni

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Vaadin CLA
Vaadin Contribution Agreement
This Vaadin Contribution Agreement (hereinafter "Agreement") is entered by and between Vaadin Ltd, a limited liability company duly incorporated and organized under the laws of Finland having its principal office at Ruukinkatu 2-4, 20540, Turku, Finland (hereinafter "Vaadin"), and any individual or entity that has executed this Agreement as identified in the signature page of this Agreement (hereinafter "You"), and is made as of the date signed on the signature page of this Agreement (hereinafter "Effective Date").
WHEREAS, Vaadin Ltd manages the Vaadin Project;
WHEREAS, You wish to contribute certain intellectual property defined hereunder to Vaadin and for the use of the Project;
NOW, THEREFORE, in consideration of the mutual covenants set forth herein and intending to be legally bound, You accept and hereby agree to the following terms and conditions pursuant to which You are willing to submit Your present and future Contributions to Vaadin:
jouni / test.html
Created Nov 19, 2015
Test case for using vaadin-grid inside paper-dialog
View test.html
<!DOCTYPE html>
<meta charset="utf-8">
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="bower_components/vaadin-grid/vaadin-grid.html">
<link rel="import" href="bower_components/paper-dialog/paper-dialog.html">
jouni / declarative-vaadin-grid-example.html
Last active Sep 9, 2015
Declarative support for vaadin-grid
View declarative-vaadin-grid-example.html
<template is="dom-bind" id="myapp">
<vaadin-grid data="[[myarray]]">
<!-- Use Polymer.Templatizer behavior for this -->
<!-- -->
<col name="">
<col name="">
<col name="">
jouni / grid-demo.css
Last active Aug 29, 2015
Vaadin Components todo-app
View grid-demo.css
v-button:not([theme]){display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;font:300 18px/1.55 Source Sans Pro,sans-serif;position:relative;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;height:41px;padding:0 17px;color:#1a1a1a;font-weight:400;border-radius:0;border:0;background:#fff;box-shadow:none;text-shadow:0 1px 0 rgba(255,255,255,0.05);box-shadow:none}v-button:not([theme]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:box-shadow 180ms,border 180ms}v-button:not([theme]):focus:after{transition:none}v-button:not([theme])[disabled]{opacity:0.5;pointer-events:none;cursor:default}v-button:not([theme])[disabled]:after{display:none}v-button:not([theme]):after{border:inherit;top:0;right:0;bottom:0;left:0}v-button
jouni / SassMeister-input.scss
Created Dec 3, 2014
Generated by
View SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
// Import addon
$v-unit-size--small: null !default;
$v-spreadsheet-column-header-height: null !default;
// Import Valo
jouni /
Last active Aug 29, 2015 frontage example suggestions.
public class MyApp extends UI {
protected void init(VaadinRequest request) {
TextField name = new TextField("Your Name");
Button hello = new Button("Say Hello", e ->"Hello " + name.getValue()));
jouni / gist:9100266
Last active Aug 29, 2015
PM to jouni
View gist:9100266
(Tämä tuntui olevan ainoa keino saada yhteys sinuun GitHubin kautta,
kun mitään varsinaisia yhteystietoja sinun profiilistasi ei löytynyt)
Olisiko mitenkään mahdollista saada 'jouni' käyttäjänimeä lahjoituksena?
Olisi mahdottoman mukavaa kun olisi sama nimi sekä Twitterissä että
GitHubissa (ja useassa muussakin web-palvelussa). Esim. 'jounia' on
ainakin vapaana.
Tattista jos jaksoit edes lukea tämän, ja ole yhteydessä jos harkitset
edes asiaa :)
jouni / color-overlay
Created May 16, 2013
SASS function for calculating a color for the overlay blend mode.
View color-overlay
@function overlay($top, $bottom) {
$_red: false;
$_green: false;
$_blue: false;
@if red($bottom) < 128 {
$_red: (2 * red($top) * red($bottom) / 255);
} @else {
$_red: (255 - 2 * (255 - red($top)) * (255 - red($bottom)) / 255)
View index.html
<div class="composition vertical expand">
<div class="v-label">Child 1</div>
<div class="v-label expand">Child 2</div>
<div class="v-label expand">Child 3</div>
<div class="composition horizontal expand"><div class="v-label expand">Child 1</div><div class="v-label">Child 2</div><div class="v-label">Child 3</div>
jouni /
Created Jun 13, 2012
(original idea from @marlonrichert): Here's how a Vaadin "Hello World" app should be written. Shows the component hierarchy much more clearly. I think ComponentContainer.addComponent should be made protected instead of public...
import com.vaadin.Application;
import com.vaadin.ui.*;
public class HelloWorldApplication extends Application {
public void init() {
setMainWindow(new Window("Hello World Application") {
addComponent(new Label("Hello Vaadin user"));
You can’t perform that action at this time.