Polymer core-input not rendering -
i have code follows:
<body unresolved> <core-header-panel> <core-toolbar layout horizontal center> <h1 flex>title</h1> <a href="#" class="middle indent">users</a> <a href="#" class="middle indent">terms</a> </core-toolbar> <div class="container" layout horizontal> <core-input placeholder="placeholder text here"></core-input> </div> </core-header-panel> </body> the problem core-input component doesn't rendered. core-header panel , core-toolbar do, core-input doesn't. gets width , height of 0px. if assign width , height it, renders nil inside. i'm loading components using imports.
am missing something?
imports are:
<link rel="import" href="../components/font-roboto/roboto.html"> <link rel="import" href="../components/core-header-panel/core-header-panel.html"> <link rel="import" href="../custom-components/admin-users.html"> <link rel="import" href="../components/core-input/core-input.html"> chrome version 38.
from documentation:
important: core-header-panel not display if parent not have height.
styling core-header-panel appropriate height , width properties display placeholder. live demo available here.
update html imports include core-toolbar:
<link rel="import" href="../components/font-roboto/roboto.html"> <link rel="import" href="../components/core-header-panel/core-header-panel.html"> <link rel="import" href="../components/core-toolbar/core-toolbar.html"> <link rel="import" href="../components/core-input/core-input.html"> and add together styling on same page html imports:
<style> core-header-panel { width: 360px; height: 400px; } </style> polymer
No comments:
Post a Comment