I figured out the issue, and it was not polymer related, I am using it
within backbone and marionette, and I needed to surround my
<new-form></new-form> inside a div for it to render properly... weird.
On Friday, June 26, 2015 at 2:33:11 PM UTC-4, CragVFX wrote:
>
> <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/e4004b3c-889c-4cfd-b4fb-a0fb909ab15e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
