Currently MDLExample is totally broken if I'm building by maven on your branch. Let me look into that today.
Thanks, Piotr 2017-11-26 0:32 GMT+01:00 Piotr Zarzycki <[email protected]>: > Hi Harbs, > > I thought I have fixed it! I will look into that tomorrow. > > Thanks, Piotr > > 2017-11-26 0:28 GMT+01:00 Harbs <[email protected]>: > >> The Footer in the MDLExample seems to have the layout messed up. I don’t >> think it was caused by this commit, but I’m not sure. >> >> It used to look better. >> >> Could someone (Piotr or Carlos?) take a look? >> >> Harbs >> >> > On Nov 26, 2017, at 1:26 AM, [email protected] wrote: >> > >> > This is an automated email from the ASF dual-hosted git repository. >> > >> > harbs pushed a commit to branch feature/html-namespace >> > in repository https://gitbox.apache.org/repos/asf/royale-asjs.git >> > >> > >> > The following commit(s) were added to refs/heads/feature/html-namespace >> by this push: >> > new b8214c3 Fixed html namespace refs >> > b8214c3 is described below >> > >> > commit b8214c3ae0f738e56ee4efb99d51b3457a4f5dd1 >> > Author: Harbs <[email protected]> >> > AuthorDate: Sun Nov 26 01:26:01 2017 +0200 >> > >> > Fixed html namespace refs >> > >> > The layout of part of this example seems to be messed up. Not sure >> what caused it. >> > --- >> > .../src/main/royale/BlogTemplate.mxml | 95 >> +++++++++++----------- >> > .../royale/MDLExample/src/main/royale/Badges.mxml | 17 ++-- >> > .../royale/MDLExample/src/main/royale/Cards.mxml | 13 +-- >> > .../royale/MDLExample/src/main/royale/Grids.mxml | 47 +++++------ >> > .../royale/MDLExample/src/main/royale/Tabs.mxml | 39 ++++----- >> > .../MDLExample/src/main/royale/TestDialog.mxml | 3 +- >> > .../ActorNameAndIconListItemRenderer.mxml | 5 +- >> > .../itemRenderers/ActorNameListItemRenderer.mxml | 5 +- >> > .../AvatarAndActionListItemRenderer.mxml | 9 +- >> > .../AvatarAndActionThreeLineListItemRenderer.mxml | 19 +++-- >> > .../AvatarAndActionTwoLineListItemRenderer.mxml | 23 +++--- >> > .../itemRenderers/CustomListItemRenderer.mxml | 5 +- >> > .../FooterMiniLinkListItemRenderer.mxml | 3 +- >> > 13 files changed, 148 insertions(+), 135 deletions(-) >> > >> > diff --git >> > a/examples/royale/MDLBlogExample/src/main/royale/BlogTemplate.mxml >> b/examples/royale/MDLBlogExample/src/main/royale/BlogTemplate.mxml >> > index a753cf9..996f1ad 100644 >> > --- a/examples/royale/MDLBlogExample/src/main/royale/BlogTemplate.mxml >> > +++ b/examples/royale/MDLBlogExample/src/main/royale/BlogTemplate.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:NavigationLayout xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns:models="models.*" >> > className="demo-blog has-drawer"> >> > >> > @@ -46,9 +47,9 @@ limitations under the License. >> > </mdl:beads> >> > <mdl:CardMedia> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<h3><a href="entry.html">Coffee >> Pic</a></h3>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-50"/> >> > </mdl:beads> >> > </mdl:CardMedia> >> > @@ -56,14 +57,14 @@ limitations under the License. >> > <mdl:beads> >> > <mdl:MdlTextColor textColor="grey-600"/> >> > </mdl:beads> >> > - <js:Div className="minilogo"/> >> > - <js:Div> >> > + <html:Div className="minilogo"/> >> > + <html:Div> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<strong>The >> Newist</strong><span>2 days ago</span>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > - </js:Div> >> > + </html:Div> >> > </mdl:CardSupportingText> >> > </mdl:Card> >> > >> > @@ -80,9 +81,9 @@ limitations under the License. >> > </mdl:MaterialIcon> >> > </mdl:materialIcon>--> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<i class="material-icons >> mdl-color-text--white" role="presentation">add</i><span >> class="visuallyhidden">add</span>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > </mdl:Button> >> > <mdl:CardMedia> >> > @@ -91,19 +92,19 @@ limitations under the License. >> > <mdl:MdlTextColor textColor="grey-600"/> >> > </mdl:beads> >> > <js:Image src="images/logo.png"/> >> > - <js:TextNode text="+1,337"/> >> > + <html:TextNode text="+1,337"/> >> > </mdl:CardMedia> >> > <mdl:CardSupportingText className="meta meta-fill"> >> > <mdl:beads> >> > <mdl:MdlTextColor textColor="grey-600"/> >> > </mdl:beads> >> > - <js:Div> >> > + <html:Div> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<strong>The Newist</strong>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > - </js:Div> >> > + </html:Div> >> > <mdl:Menu dataMdlFor="menubtn" ripple="true" >> bottom="true" left="false" >> > labelField="label" >> className="customMenuItemRenderer"> >> > <mdl:beads> >> > @@ -115,9 +116,9 @@ limitations under the License. >> > </mdl:Menu> >> > <mdl:Button id="menubtn" icon="true" ripple="true"> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<i class="material-icons >> mdl-color-text--white" role="presentation">more_vert</i><span >> class="visuallyhidden">show menu</span>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > </mdl:Button> >> > </mdl:CardSupportingText> >> > @@ -129,29 +130,29 @@ limitations under the License. >> > </mdl:beads> >> > <mdl:CardMedia> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<h3><a href="entry.html">On the >> road again</a></h3>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-50"/> >> > </mdl:beads> >> > </mdl:CardMedia> >> > <mdl:CardSupportingText> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[Enim labore aliqua consequat ut >> quis ad occaecat aliquip incididunt. Sunt nulla eu enim irure enim nostrud >> aliqua consectetur ad consectetur sunt ullamco officia. Ex officia laborum >> et consequat duis.]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-600"/> >> > </mdl:beads> >> > </mdl:CardSupportingText> >> > <mdl:CardSupportingText className="meta"> >> > - <js:Div className="minilogo"/> >> > - <js:Div> >> > + <html:Div className="minilogo"/> >> > + <html:Div> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<strong>The >> Newist</strong><span>2 days ago</span>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > - </js:Div> >> > + </html:Div> >> > </mdl:CardSupportingText> >> > </mdl:Card> >> > >> > @@ -161,29 +162,29 @@ limitations under the License. >> > </mdl:beads> >> > <mdl:CardTitle> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<h3 class="quote"><a >> href="entry.html">I couldn’t take any pictures but this was an amazing >> thing…</a></h3>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-50"/> >> > </mdl:beads> >> > </mdl:CardTitle> >> > <mdl:CardSupportingText> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[Enim labore aliqua consequat ut >> quis ad occaecat aliquip incididunt. Sunt nulla eu enim irure enim nostrud >> aliqua consectetur ad consectetur sunt ullamco officia. Ex officia laborum >> et consequat duis.]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-600"/> >> > </mdl:beads> >> > </mdl:CardSupportingText> >> > <mdl:CardSupportingText className="meta"> >> > - <js:Div className="minilogo"/> >> > - <js:Div> >> > + <html:Div className="minilogo"/> >> > + <html:Div> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<strong>The >> Newist</strong><span>2 days ago</span>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > - </js:Div> >> > + </html:Div> >> > </mdl:CardSupportingText> >> > </mdl:Card> >> > >> > @@ -193,29 +194,29 @@ limitations under the License. >> > </mdl:beads> >> > <mdl:CardMedia> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<h3><a >> href="entry.html">Shopping</a></h3>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-50"/> >> > </mdl:beads> >> > </mdl:CardMedia> >> > <mdl:CardSupportingText> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[Enim labore aliqua consequat ut >> quis ad occaecat aliquip incididunt. Sunt nulla eu enim irure enim nostrud >> aliqua consectetur ad consectetur sunt ullamco officia. Ex officia laborum >> et consequat duis.]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > <mdl:MdlTextColor textColor="grey-600"/> >> > </mdl:beads> >> > </mdl:CardSupportingText> >> > <mdl:CardSupportingText className="meta"> >> > - <js:Div className="minilogo"/> >> > - <js:Div> >> > + <html:Div className="minilogo"/> >> > + <html:Div> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<strong>The >> Newist</strong><span>2 days ago</span>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > - </js:Div> >> > + </html:Div> >> > </mdl:CardSupportingText> >> > </mdl:Card> >> > >> > @@ -226,17 +227,17 @@ limitations under the License. >> > <mdl:FooterLeftSection> >> > <mdl:FooterSocialButton className="social-btn >> social-btn__twitter"> >> > <mdl:beads> >> > - <js:InnerHTML><![CDATA[<span >> class="visuallyhidden">Twitter</span>]]></js:InnerHTML> >> > + <html:InnerHTML><![CDATA[<span >> class="visuallyhidden">Twitter</span>]]></html:InnerHTML> >> > </mdl:beads> >> > </mdl:FooterSocialButton> >> > <mdl:FooterSocialButton className="social-btn >> social-btn__blogger"> >> > <mdl:beads> >> > - <js:InnerHTML><![CDATA[<span >> class="visuallyhidden">Facebook</span>]]></js:InnerHTML> >> > + <html:InnerHTML><![CDATA[<span >> class="visuallyhidden">Facebook</span>]]></html:InnerHTML> >> > </mdl:beads> >> > </mdl:FooterSocialButton> >> > <mdl:FooterSocialButton className="social-btn >> social-btn__gplus"> >> > <mdl:beads> >> > - <js:InnerHTML><![CDATA[<span >> class="visuallyhidden">Google Plus</span>]]></js:InnerHTML> >> > + <html:InnerHTML><![CDATA[<span >> class="visuallyhidden">Google Plus</span>]]></html:InnerHTML> >> > </mdl:beads> >> > </mdl:FooterSocialButton> >> > </mdl:FooterLeftSection> >> > @@ -244,7 +245,7 @@ limitations under the License. >> > <mdl:FooterRightSection> >> > <mdl:FooterSocialButton className="social-btn >> social-btn__share"> >> > <mdl:beads> >> > - <js:InnerHTML><![CDATA[<i >> class="material-icons" role="presentation">share</i><span >> class="visuallyhidden">share</span>]]></js:InnerHTML> >> > + <html:InnerHTML><![CDATA[<i >> class="material-icons" role="presentation">share</i><span >> class="visuallyhidden">share</span>]]></html:InnerHTML> >> > </mdl:beads> >> > </mdl:FooterSocialButton> >> > </mdl:FooterRightSection> >> > diff --git a/examples/royale/MDLExample/src/main/royale/Badges.mxml >> b/examples/royale/MDLExample/src/main/royale/Badges.mxml >> > index 0380f2c..4050474 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/Badges.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/Badges.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:TabBarPanel xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <fx:Script> >> > @@ -37,29 +38,29 @@ limitations under the License. >> > <js:AllCSSStyles maxWidth="500"/> >> > </mdl:style> >> > <mdl:GridCell column="12"> >> > - <js:Div style="color: rgba(0, 0, 0, 0.24);" >> className="material-icons" text="{MaterialIconType.ACCOUNT_BOX}"> >> > + <html:Div style="color: rgba(0, 0, 0, 0.24);" >> className="material-icons" text="{MaterialIconType.ACCOUNT_BOX}"> >> > <js:beads> >> > <mdl:Badge dataBadge="2" overlap="true"/> >> > </js:beads> >> > - </js:Div> >> > + </html:Div> >> > >> > - <js:Span text="Inbox" style="color: rgba(0, 0, 0, 0.24);" >> className="mdl-badge"> >> > + <html:Span text="Inbox" style="color: rgba(0, 0, 0, >> 0.24);" className="mdl-badge"> >> > <js:beads> >> > <mdl:Badge dataBadge="4"/> >> > </js:beads> >> > - </js:Span> >> > + </html:Span> >> > >> > - <js:A id="badge1" text="Badge Normal" href=" >> http://royale.apache.org";> >> > + <html:A id="badge1" text="Badge Normal" href=" >> http://royale.apache.org";> >> > <js:beads> >> > <mdl:Badge dataBadge="1"/> >> > </js:beads> >> > - </js:A> >> > + </html:A> >> > >> > - <js:A text="Badge No Background" href=" >> http://royale.apache.org";> >> > + <html:A text="Badge No Background" href=" >> http://royale.apache.org";> >> > <js:beads> >> > <mdl:Badge dataBadge="5" noBackground="true"/> >> > </js:beads> >> > - </js:A> >> > + </html:A> >> > </mdl:GridCell> >> > </mdl:Grid> >> > >> > diff --git a/examples/royale/MDLExample/src/main/royale/Cards.mxml >> b/examples/royale/MDLExample/src/main/royale/Cards.mxml >> > index 68646bc..f1374b0 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/Cards.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/Cards.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:TabBarPanel xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <fx:Script> >> > @@ -40,9 +41,9 @@ limitations under the License. >> > </mdl:CardTitle> >> > <mdl:CardSupportingText> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[Lorem ipsum dolor sit <b>amet</b>, >> consectetur <i>adipiscing elit</i>. Mauris sagittis pellentesque lacus >> eleifend lacinia...]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > </mdl:CardSupportingText> >> > <mdl:CardActions border="true"> >> > @@ -62,7 +63,7 @@ limitations under the License. >> > <mdl:CardTitleText text="Update"/> >> > </mdl:CardTitle> >> > <mdl:CardSupportingText> >> > - <js:TextNode text="Lorem ipsum dolor sit amet, >> consectetur adipiscing elit. Aenan convallis."/> >> > + <html:TextNode text="Lorem ipsum dolor sit amet, >> consectetur adipiscing elit. Aenan convallis."/> >> > </mdl:CardSupportingText> >> > <mdl:CardActions border="true"> >> > <mdl:Button colored="true" ripple="true" text="View >> Updates"/> >> > @@ -72,7 +73,7 @@ limitations under the License. >> > <mdl:Card width="256" height="256" shadow="2" >> style="background: url('assets/image_card.jpg') center / cover"> >> > <mdl:CardTitle expand="true"/> >> > <mdl:CardActions style="height: 52px; padding: 16px; >> background: rgba(0, 0, 0, 0.2);"> >> > - <js:Span text="Image.jpg" style="color: #fff; >> font-size: 14px; font-weight: 500;"/> >> > + <html:Span text="Image.jpg" style="color: #fff; >> font-size: 14px; font-weight: 500;"/> >> > </mdl:CardActions> >> > </mdl:Card> >> > >> > @@ -80,9 +81,9 @@ limitations under the License. >> > <mdl:CardTitle expand="true"> >> > <mdl:CardTitleText text="Welcome"> >> > <mdl:beads> >> > - <js:InnerHTML> >> > + <html:InnerHTML> >> > <![CDATA[<h4>Featured event:<br>May 24, >> 2016<br>7-11pm</h4>]]> >> > - </js:InnerHTML> >> > + </html:InnerHTML> >> > </mdl:beads> >> > </mdl:CardTitleText> >> > </mdl:CardTitle> >> > diff --git a/examples/royale/MDLExample/src/main/royale/Grids.mxml >> b/examples/royale/MDLExample/src/main/royale/Grids.mxml >> > index 8f02c11..701d564 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/Grids.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/Grids.mxml >> > @@ -20,33 +20,34 @@ limitations under the License. >> > <mdl:TabBarPanel xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > - <js:Div className="demo-grid"> >> > + <html:Div className="demo-grid"> >> > <mdl:Grid> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="1"><mdl:beads><js:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="1"><mdl:beads><html:InnerHTML >> text="1"/></mdl:beads></mdl:GridCell> >> > >> > - <mdl:GridCell column="4"><mdl:beads><js:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="4"><mdl:beads><js:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="4"><mdl:beads><js:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="4"><mdl:beads><html:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="4"><mdl:beads><html:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="4"><mdl:beads><html:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > >> > - <mdl:GridCell column="6"><mdl:beads><js:InnerHTML >> text="6"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="4"><mdl:beads><js:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="2"><mdl:beads><js:InnerHTML >> text="2"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="6"><mdl:beads><html:InnerHTML >> text="6"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="4"><mdl:beads><html:InnerHTML >> text="4"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="2"><mdl:beads><html:InnerHTML >> text="2"/></mdl:beads></mdl:GridCell> >> > >> > - <mdl:GridCell column="6" >> > columnTablet="8"><mdl:beads><js:InnerHTML >> text="6 (8 Tablet)"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="4" >> > columnTablet="6"><mdl:beads><js:InnerHTML >> text="4 (6 Tablet)"/></mdl:beads></mdl:GridCell> >> > - <mdl:GridCell column="2" >> > columnPhone="4"><mdl:beads><js:InnerHTML >> text="2 (4 Phone)"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="6" >> > columnTablet="8"><mdl:beads><html:InnerHTML >> text="6 (8 Tablet)"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="4" >> > columnTablet="6"><mdl:beads><html:InnerHTML >> text="4 (6 Tablet)"/></mdl:beads></mdl:GridCell> >> > + <mdl:GridCell column="2" >> > columnPhone="4"><mdl:beads><html:InnerHTML >> text="2 (4 Phone)"/></mdl:beads></mdl:GridCell> >> > </mdl:Grid> >> > - </js:Div> >> > + </html:Div> >> > </mdl:TabBarPanel> >> > diff --git a/examples/royale/MDLExample/src/main/royale/Tabs.mxml >> b/examples/royale/MDLExample/src/main/royale/Tabs.mxml >> > index 05bc694..c499b9b 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/Tabs.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/Tabs.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:TabBarPanel xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml"; >> > xmlns:models="models.*"> >> > >> > @@ -53,31 +54,31 @@ limitations under the License. >> > >> > <mdl:NavigationLayoutContent> >> > <mdl:TabBarPanel id="starks_panel" isActive="true"> >> > - <js:Ul> >> > - <js:Li><mdl:beads><js:InnerHTML >> text="Eddard"/></mdl:beads></js:Li> >> > - <js:Li><js:Label text="Catelyn"/></js:Li> >> > - <js:Li><js:Label text="Robb"/></js:Li> >> > - <js:Li><js:Label text="Sansa"/></js:Li> >> > - <js:Li><js:Label text="Brandon"/></js:Li> >> > - <js:Li><js:Label text="Arya"/></js:Li> >> > - <js:Li><js:Label text="Rickon"/></js:Li> >> > - </js:Ul> >> > + <html:Ul> >> > + <html:Li><mdl:beads><html:InnerHTML >> text="Eddard"/></mdl:beads></html:Li> >> > + <html:Li><js:Label >> text="Catelyn"/></html:Li> >> > + <html:Li><js:Label text="Robb"/></html:Li> >> > + <html:Li><js:Label text="Sansa"/></html:Li> >> > + <html:Li><js:Label >> text="Brandon"/></html:Li> >> > + <html:Li><js:Label text="Arya"/></html:Li> >> > + <html:Li><js:Label >> text="Rickon"/></html:Li> >> > + </html:Ul> >> > </mdl:TabBarPanel> >> > >> > <mdl:TabBarPanel id="lannisters_panel"> >> > - <js:Ul> >> > - <js:Li><js:Label text="Tywin"/></js:Li> >> > - <js:Li><js:Label text="Cersei"/></js:Li> >> > - <js:Li><js:Label text="Jamie"/></js:Li> >> > - <js:Li><js:Label text="Tyrion"/></js:Li> >> > - </js:Ul> >> > + <html:Ul> >> > + <html:Li><js:Label text="Tywin"/></html:Li> >> > + <html:Li><js:Label >> text="Cersei"/></html:Li> >> > + <html:Li><js:Label text="Jamie"/></html:Li> >> > + <html:Li><js:Label >> text="Tyrion"/></html:Li> >> > + </html:Ul> >> > </mdl:TabBarPanel> >> > >> > <mdl:TabBarPanel id="targaryens_panel"> >> > - <js:Ul> >> > - <js:Li><js:Label text="Viserys"/></js:Li> >> > - <js:Li><js:Label text="Daenerys"/></js:Li> >> > - </js:Ul> >> > + <html:Ul> >> > + <html:Li><js:Label >> text="Viserys"/></html:Li> >> > + <html:Li><js:Label >> text="Daenerys"/></html:Li> >> > + </html:Ul> >> > </mdl:TabBarPanel> >> > </mdl:NavigationLayoutContent> >> > </mdl:NavigationLayout> >> > diff --git a/examples/royale/MDLExample/src/main/royale/TestDialog.mxml >> b/examples/royale/MDLExample/src/main/royale/TestDialog.mxml >> > index f5209dc..542e2a6 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/TestDialog.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/TestDialog.mxml >> > @@ -20,12 +20,13 @@ limitations under the License. >> > <mdl:Dialog xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <mdl:DialogTitle text="Allow data collection?"/> >> > >> > <mdl:DialogContent> >> > - <js:P text="This is an example of the Material Design Lite >> dialog component. Please use responsibly."/> >> > + <html:P text="This is an example of the Material Design Lite >> dialog component. Please use responsibly."/> >> > </mdl:DialogContent> >> > >> > <mdl:DialogActions> >> > diff --git a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> ctorNameAndIconListItemRenderer.mxml b/examples/royale/MDLExample/s >> rc/main/royale/itemRenderers/ActorNameAndIconListItemRenderer.mxml >> > index 0e7384d..b2ff1f4 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> ctorNameAndIconListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> ctorNameAndIconListItemRenderer.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <fx:Script> >> > @@ -40,12 +41,12 @@ limitations under the License. >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:Span text="{actor.actorName}"> >> > + <html:Span text="{actor.actorName}"> >> > <js:beads> >> > <mdl:ListItemPrimaryContent/> >> > </js:beads> >> > <mdl:MaterialIcon text="{MaterialIconType.PERSON}" >> listItemIcon="true"/> >> > - </js:Span> >> > + </html:Span> >> > >> > </mdl:ListItemRenderer> >> > >> > diff --git >> > a/examples/royale/MDLExample/src/main/royale/itemRenderers/ActorNameListItemRenderer.mxml >> b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> ctorNameListItemRenderer.mxml >> > index c546323..4169dcf 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> ctorNameListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> ctorNameListItemRenderer.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <fx:Script> >> > @@ -38,11 +39,11 @@ limitations under the License. >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:Span text="{actor.actorName}"> >> > + <html:Span text="{actor.actorName}"> >> > <js:beads> >> > <mdl:ListItemPrimaryContent/> >> > </js:beads> >> > - </js:Span> >> > + </html:Span> >> > >> > </mdl:ListItemRenderer> >> > >> > diff --git a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionListItemRenderer.mxml b/examples/royale/MDLExample/s >> rc/main/royale/itemRenderers/AvatarAndActionListItemRenderer.mxml >> > index 0e95726..253ec53 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionListItemRenderer.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <fx:Script> >> > @@ -40,18 +41,18 @@ limitations under the License. >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:Span text="{actor.actorName}"> >> > + <html:Span text="{actor.actorName}"> >> > <js:beads> >> > <mdl:ListItemPrimaryContent/> >> > </js:beads> >> > <mdl:MaterialIcon text="{MaterialIconType.PERSON}" >> listItemAvatar="true"/> >> > - </js:Span> >> > - <js:A href="#"> >> > + </html:Span> >> > + <html:A href="#"> >> > <js:beads> >> > <mdl:ListItemSecondaryAction/> >> > </js:beads> >> > <mdl:MaterialIcon text="{MaterialIconType.STAR}"/> >> > - </js:A> >> > + </html:A> >> > >> > </mdl:ListItemRenderer> >> > >> > diff --git a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionThreeLineListItemRenderer.mxml >> b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionThreeLineListItemRenderer.mxml >> > index 7bd1133..8e16681 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionThreeLineListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionThreeLineListItemRenderer.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml"; >> > threeLine="true"> >> > >> > @@ -41,30 +42,30 @@ limitations under the License. >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:Span> >> > + <html:Span> >> > <js:beads> >> > <mdl:ListItemPrimaryContent/> >> > </js:beads> >> > <mdl:MaterialIcon text="{MaterialIconType.PERSON}" >> listItemAvatar="true"/> >> > - <js:Span text="{actor.actorName}"/> >> > - <js:Span text="{actor.description}"> >> > + <html:Span text="{actor.actorName}"/> >> > + <html:Span text="{actor.description}"> >> > <js:beads> >> > <mdl:ListItemTextBody/> >> > </js:beads> >> > - </js:Span> >> > - </js:Span> >> > + </html:Span> >> > + </html:Span> >> > >> > - <js:Span> >> > + <html:Span> >> > <js:beads> >> > <mdl:ListItemSecondaryContent/> >> > </js:beads> >> > - <js:A href="#"> >> > + <html:A href="#"> >> > <js:beads> >> > <mdl:ListItemSecondaryAction/> >> > </js:beads> >> > <mdl:MaterialIcon text="{MaterialIconType.STAR}"/> >> > - </js:A> >> > - </js:Span> >> > + </html:A> >> > + </html:Span> >> > >> > </mdl:ListItemRenderer> >> > >> > diff --git a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionTwoLineListItemRenderer.mxml b/examples/royale/MDLExample/s >> rc/main/royale/itemRenderers/AvatarAndActionTwoLineListItemRenderer.mxml >> > index e287024..cf56081 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionTwoLineListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/A >> vatarAndActionTwoLineListItemRenderer.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml"; >> > twoLine="true"> >> > >> > @@ -47,35 +48,35 @@ limitations under the License. >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:Span> >> > + <html:Span> >> > <js:beads> >> > <mdl:ListItemPrimaryContent/> >> > <mdl:MaterialIcon text="{MaterialIconType.PERSON}" >> listItemAvatar="true"/> >> > </js:beads> >> > - <js:Span text="{actor.actorName}"/> >> > - <js:Span text="{actor.episodes}"> >> > + <html:Span text="{actor.actorName}"/> >> > + <html:Span text="{actor.episodes}"> >> > <js:beads> >> > <mdl:ListItemSubTitle/> >> > </js:beads> >> > - </js:Span> >> > - </js:Span> >> > + </html:Span> >> > + </html:Span> >> > >> > - <js:Span> >> > + <html:Span> >> > <js:beads> >> > <mdl:ListItemSecondaryContent/> >> > </js:beads> >> > - <js:Span id="ir" visible="false" text="Actor"> >> > + <html:Span id="ir" visible="false" text="Actor"> >> > <js:beads> >> > <mdl:ListItemSecondaryInfo/> >> > </js:beads> >> > - </js:Span> >> > - <js:A href="#"> >> > + </html:Span> >> > + <html:A href="#"> >> > <js:beads> >> > <mdl:ListItemSecondaryAction/> >> > </js:beads> >> > <mdl:MaterialIcon text="{MaterialIconType.STAR}"/> >> > - </js:A> >> > - </js:Span> >> > + </html:A> >> > + </html:Span> >> > >> > </mdl:ListItemRenderer> >> > >> > diff --git >> > a/examples/royale/MDLExample/src/main/royale/itemRenderers/CustomListItemRenderer.mxml >> b/examples/royale/MDLExample/src/main/royale/itemRenderers/C >> ustomListItemRenderer.mxml >> > index 0da4f04..86765a3 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/C >> ustomListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/C >> ustomListItemRenderer.mxml >> > @@ -20,6 +20,7 @@ limitations under the License. >> > <mdl:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns.apache.org/royale/basic" >> > xmlns:mdl="library://ns.apache.org/royale/mdl" >> > + xmlns:html="library://ns.apache.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <fx:Script> >> > @@ -38,11 +39,11 @@ limitations under the License. >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:Span text="{product.label}"> >> > + <html:Span text="{product.label}"> >> > <js:beads> >> > <mdl:ListItemPrimaryContent/> >> > </js:beads> >> > - </js:Span> >> > + </html:Span> >> > >> > </mdl:ListItemRenderer> >> > >> > diff --git a/examples/royale/MDLExample/src/main/royale/itemRenderers/F >> ooterMiniLinkListItemRenderer.mxml b/examples/royale/MDLExample/s >> rc/main/royale/itemRenderers/FooterMiniLinkListItemRenderer.mxml >> > index c8b7886..c85afd9 100644 >> > --- a/examples/royale/MDLExample/src/main/royale/itemRenderers/F >> ooterMiniLinkListItemRenderer.mxml >> > +++ b/examples/royale/MDLExample/src/main/royale/itemRenderers/F >> ooterMiniLinkListItemRenderer.mxml >> > @@ -20,13 +20,14 @@ limitations under the License. >> > <mdl:FooterLinkItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"; >> > xmlns:js="library://ns. >> apache.org/royale/basic" >> > xmlns:mdl="library://ns.apach >> e.org/royale/mdl" >> > + xmlns:html="library://ns.apach >> e.org/royale/html" >> > xmlns="http://www.w3.org/1999/xhtml";> >> > >> > <mdl:beads> >> > <js:ItemRendererDataBinding /> >> > </mdl:beads> >> > >> > - <js:A text="{String(data)}"/> >> > + <html:A text="{String(data)}"/> >> > >> > </mdl:FooterLinkItemRenderer> >> > >> > >> > -- >> > To stop receiving notification emails like this one, please contact >> > ['"[email protected]" <[email protected]>']. >> >> >> > > > -- > > Piotr Zarzycki > > Patreon: *https://www.patreon.com/piotrzarzycki > <https://www.patreon.com/piotrzarzycki>* > -- Piotr Zarzycki Patreon: *https://www.patreon.com/piotrzarzycki <https://www.patreon.com/piotrzarzycki>*
