How would you like it to work? Royale is really about encapsulating common patterns in building web apps/sites.
The htmlTemplate options requires that you pass the compiler a file with a template like this one: https://raw.githubusercontent.com/apache/royale-asjs/develop/examples/royale/TourDeJewel/src/main/resources/jewel-example-index-template.html The compiler replaces the ${head} and ${body} tags with the appropriate output. But we can add the ability to do just about anything. If you want the app to search for an id or html element that can be done as well. -Alex From: gkk gb <modjkl...@comcast.net> Reply-To: "users@royale.apache.org" <users@royale.apache.org>, gkk gb <modjkl...@comcast.net> Date: Sunday, July 21, 2019 at 12:33 PM To: "users@royale.apache.org" <users@royale.apache.org> Subject: Re: embed Royale web app into existing web page having corporate header/footer? I think the 2nd method (html:Div) enables one to inject HTML code into an existing Royale application, and isn't what I'm after (I'm trying to inject a small Royale application into a webpage of a very large existing Drupal website). I'm still not sure about the first method (htmlTemplate). Would I simply modify the Drupal-created index.html code to include the js or html file(s) generated by Royale, and then reference that file path in the section of the webpage where I want the Royale application to sit? [Yes, the Drupal-created code is outside of the Royale application code, and normal HTML or js is fine (I would expect HTML or js would be the only options supported by Drupal to inject anything created by Royale or anything else).] On July 21, 2019 at 12:11 PM Carlos Rovira <carlosrov...@apache.org> wrote: htmlTemplate is a compiler directive. In that way you customize the index.html that loads you app. There's some tokens that compiler uses to inject the js code that will load the royale app, so you can decorate the html page. So this is "out" the application code and is normal html ok? In the other hand, html:Div is an MXML tag and that's Royale code that you can add as always using AS3/MXML in your code. You can combine it with states, bindings, and many other things. You can see uses of HTML tags in Tour de jewel too. So this way is normal Royale coding that happens "inside" the royale application. El dom., 21 jul. 2019 a las 20:46, gkk gb (< modjkl...@comcast.net<mailto:modjkl...@comcast.net>>) escribió: Thanks so much Carlos. Just to be sure, both methods below would work to insert into an existing website that was not created using Royale, right? That is, the Royale part of the web page (which can include view states, etc.) can get inserted within a set of tags, such as <htmlTemplate> or <html:Div> tags, directly into the Drupal-produced HTML code. Is that right? On July 21, 2019 at 11:17 AM Carlos Rovira < carlosrov...@apache.org<mailto:carlosrov...@apache.org>> wrote: Hi, some options to do that: 1.- use htmlTemplate compiler option to add html to the html template that loads the app. Check Tour De Jewel. It uses it to setup fonts from google for example in Maven pom.xml you can see this line: < htmlTemplate >${basedir}/target/javascript/bin/js-debug/jewel-example-index-template.html </ htmlTemplate > 2.- you can use JS API inside royale with HTML.swc adding for example <html:Div> tag and more, and then using CSS to make those div change visuals maybe others could imagine more ways to do that... HTH Carlos El dom., 21 jul. 2019 a las 2:17, gkk gb (< modjkl...@comcast.net<mailto:modjkl...@comcast.net>>) escribió: The company I work for has a website that is created/maintained via Drupal templates, wherein all the web pages share the same header (navigation) and footer on every page. If I create a "web app" in Royale, can it integrate inside a pair of <div> ... </div> tags or other way so that it just inserts into one part of the web page in a self-contained manner? If so, how does that work in practice? Or, must I place the web app elsewhere on the website and then use an IFrame (I prefer not) to make it sit nicely inside an existing webpage with corporate header and footer around it? The Tour de Jewel "View States" example gives me hope... -- Carlos Rovira http://about.me/carlosrovira<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7Cbfddb7b5d148492f601b08d70e124312%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636993343964280829&sdata=sv7rSR3Ff8x3G6OZ2giAW9iP%2FPLEYnANatJ3wHncJRk%3D&reserved=0> -- Carlos Rovira http://about.me/carlosrovira<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7Cbfddb7b5d148492f601b08d70e124312%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636993343964280829&sdata=sv7rSR3Ff8x3G6OZ2giAW9iP%2FPLEYnANatJ3wHncJRk%3D&reserved=0>
