Polymer force narrow forceNarrow is not working -
i trying use forcednarrow=true paper-drawer-panel. page not responding. here code. apparently none of other api working. there solution problem? have tried restructuring web page. feature seems cannot accessed.
<paper-drawer-panel forcednarrow='true'> <paper-header-panel main navigation flex> <paper-toolbar id='mytoolbar'> <div id='company_name'>kurier </div> </paper-toolbar> <paper-toolbar id='secondary'> <paper-icon-button icon="menu" paper-drawer-toggle on-tap="menuaction" ></paper-icon-button> <paper-button raised>login</paper-button>" <paper-button raised>sign up</paper-button> </paper-toolbar> <div id='signup'> <form method="get" action="{% url 'transport:index' %}"> <label for="i-want">i want</label> <input type="text" name="item-url" id="i-want"> <input type="submit" value="i want"> </form> <form is="iron-form" id="form" method="post" action="{% url 'transport:signup' %}"> {% csrf_token %} sign <paper-input label="username" name="username-signup" id="username-signup"></paper-input> <paper-input label="password" type="password" name="password-signup" id="password-signup"></paper-input> <paper-input label="verify password" type="password" name="password-verify" id="password-verify"></paper-input> <paper-input label="email" type="email" name="email-signup" id="email-signup"></paper-input> <paper-input label="first name" name="first_name-signup" id="firstname-signup"></paper-input> <paper-input label="last name" name="last_name-signup" id="lastname-signup"></paper-input> <paper-input label="address 1" name="address_st_1" id="address1"></paper-input> <paper-input label="address 2/district" name="address_st_2" id="address2"></paper-input> <paper-input label="phone number" name="phone_number" id="phone_number"></paper-input> <paper-input label="city" name="city" id="city"></paper-input> <paper-input label="state" name="state" id="state"></paper-input> <paper-input label="zip code" name="zip_code" id="zip_code"></paper-input> <paper-input label="country" name="country" id="country"></paper-input> <paper-button raised onclick="submitform()">sign up</paper-button> </form> </div> </paper-header-panel> <div drawer> <paper-button>login</paper-button> </div> </paper-drawer-panel>
- it's
forcenarrow
, notforcednarrow
. see docs. - camelcase attributes written hyphen separated attributes when composing element,
<paper-drawer-panel force-narrow>
Comments
Post a Comment