I've never been able to get the <content> tag to work unless the polymer element is in the shadow dom. Has anyone gotten it to work when the component is in the light?
On Friday, May 15, 2015 at 12:34:03 PM UTC-6, arthure wrote: > > What you're looking for is the <content> tag. You can see it in use here: > > https://www.polymer-project.org/0.9/docs/start/quick-tour.html > > See the third sample down, "Composition with local DOM". > > More details here: > > > https://www.polymer-project.org/0.9/docs/devguide/local-dom.html#dom-distribution > > -Arthur > > > On Fri, May 15, 2015 at 10:56 AM, Julien Silland <[email protected] > <javascript:>> wrote: > >> Heads-up: this could be more of a question for the group in which HTML >> custom elements are discussed but I figure the intersection with Polymer >> developers is rather large — >> >> I'm trying to understand whether it is possible to declare a custom HTML >> element that can wrap arbitrary subelements and 'yield' the rendering of >> those subelements at a determined insertion point. The syntax below is >> approximative but should provide a goods idea of what I'm trying to do >> >> <my-list header="My Header" footer="My Footer"> >> <li>foo</li> >> <li>bar</li> >> </my-list> >> >> <dom-module id="my-list"> >> <template> >> <p>{{header}}</p> >> <ul> >> <!-- what goes here? can I automatically insert the <li>s declared >> above?> >> </ul> >> <p>{{footer}}</p> >> </template> >> </dom-module> >> >> This is a simple example — in the greater scheme of things, I'd like to >> be able to insert/handle arbitrary content whose type may not be known >> ahead of time (e.g. a <div> or <my-other-element>, etc…). >> >> Basically I'd like to know whether custom HTML elements have the >> possibility to act as external layouts for other elements as opposed to >> just encapsulated templates. >> >> Cheers, >> -Julien >> >> 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] <javascript:>. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/polymer-dev/CAKyYh8A_JxkjbFiqxfyUqjs_NknSrNvMo1_ORXwfDtt7gggNBg%40mail.gmail.com >> >> <https://groups.google.com/d/msgid/polymer-dev/CAKyYh8A_JxkjbFiqxfyUqjs_NknSrNvMo1_ORXwfDtt7gggNBg%40mail.gmail.com?utm_medium=email&utm_source=footer> >> . >> For more options, visit https://groups.google.com/d/optout. >> > > 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/9555d981-68a0-4c4a-8b77-ee0485ec88a6%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
