Polymer designer metadata and css

[Valerio Francescangeli]

Hi,

I'm trying to create components to be used in the polymer designer, but I have some problems with the designer. I don't understand how to correlate the css from the page to the metadata elements and style.

I've looked at the core-elements, but when I create my components I have problem setting the width and making the autosize work inside my content tag.

There is a more comprehensive guide to creating a good metadata file than the one on github? https://github.com/polymer/designer

[Steve Orvell]

This may be due to the fact that your element is, by default, display: inline. If you make it display: block, it'll be easier to size.

 

 I don't understand how to correlate the css from the page to the metadata elements and style.

I'm not sure I follow this. What do you mean by 'page'? As pointed out in the designer readme, you should use inline styles in your element template. Here's the example again:

<template>
  <google-map zoom="18" style="width: 400px; height: 400px; display: block;"></google-map>
</template>

 I have problem setting the width and making the autosize work inside my content tag.

Setting the width and autosize where? in the designer itself? Designer's autosize attempts to fit an element inside its container and it works best if the container has position (absolute or relative).

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 polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/65ad8d9d-2c26-4f1d-b8a2-71b5a915670d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[victorb...@gmail.com]

I went through the metadata files of the included components to get an idea of how to create a new one