<link rel="import" href="/paper-material/paper-material.html">
<link rel="import" href="/paper-button/paper-button.html">
<link rel="import" href="/paper-input/paper-input.html">
<link rel="import" href="/gold-zip-input/gold-zip-input.html">
<dom-module id="new-form">
<style>
.box-props {
background-color: white;
width: 80%;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px;
}
.box-inputs {
padding-left: 20px;
padding-right: 20px;
}
.box-button {
margin-top: 20px;
/*padding: 5px;*/
}
</style>
<template>
<div class="horizontal layout center-justified">
<paper-material elevation="2" class="box-props">
<h1 class="middle paper-font-display2 app-name"
align="center">Form </h1>
<div class="box-inputs">
<paper-input id="name" label="Location Name"
value="{{name}}" char-counter maxlength="50"></paper-input>
...etc...
</div>
<div class="horizontal layout center-justified box-button">
<paper-button raised style="background:rgb(0, 161,
245);color:white;width:20%;"
on-click="_validateRequiredFields">create</paper-button>
<paper-button raised
style="background:grey;color:white;width:20%;">cancel</paper-button>
</div>
</paper-material>
</div>
</template>
<script>
Polymer({
is: 'new-form',
properties: {
name: '',
},
_validateRequiredFields: function() {
console.log('validating required fields...');
//check if required fields are present then
this._createAttempt();
},
_createAttempt: function() {
var self = this;
console.log('firing form-create');
this.fire('form-create', {
name: self.name
});
},
_notifyOnBadAttempt: function() {
//toggle paper toast here
}
});
</script>
</dom-module>
On Friday, June 26, 2015 at 2:18:27 PM UTC-4, [email protected] wrote:
>
> Can you post the code? Thanks.
>
> On Friday, June 26, 2015 at 12:05:14 PM UTC-5, CragVFX wrote:
>>
>> <paper-button raised on-click="_doSomething">create</paper-button>
>>
>> The button is showing like the image I attached.
>>
>> Not sure why?
>>
>> Thanks!
>>
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/9f5887bd-714e-480d-8b01-552c33e447f4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
