Hi Roman, Source code is in the branch "Examples" in my repository. Here you have -> https://github.com/piotrzarzycki21/TranspiledActionScript/tree/examples/Examples
Good luck! :) Btw. I know about one more implementation which utilize different framework than MDL in Royale. Harbs I believe you have some links and examples - you did that implementation - I'm just mentioning that cause it could be a good addition for evaluation for you. ;) Thanks, Piotr pt., 10 wrz 2021 o 19:08 Roman Isitua <[email protected]> napisał(a): > Hi Piotr, > > I have started going through the source. It has been very helpful so far. > Thanks once again. > > is the source code available for this site > > https://transpiledactionscript.com/examples/MDLExample/ > > I have checked this url that you shared with me: > > https://github.com/piotrzarzycki21/TranspiledActionScript > > it does not seem to be there. > > I will like to look at how some components where implemented in the > https://transpiledactionscript.com/examples/MDLExample/ site > > > Regards, > > On Wed, Sep 8, 2021 at 4:54 PM Roman Isitua <[email protected]> wrote: > >> Okay. >> >> >> >> On Wed, 8 Sep 2021, 16:50 Piotr Zarzycki, <[email protected]> >> wrote: >> >>> Ahh I forgot about that, yes you are right, but I'm not sure whether >>> WebKit is out of date for years now - unless Harman updates it in new Air >>> version. If not displaying your application probably would be a big >>> problem. >>> >>> śr., 8 wrz 2021 o 17:15 Roman Isitua <[email protected]> napisał(a): >>> >>>> Okay. What led me to ask this question was the following comment on the >>>> jewel component set. >>>> >>>> *Note: This component is currently only available for JavaScript.* >>>> >>>> However, checking the wiki on adobe air the following comment caught my >>>> attention >>>> >>>> %%%%% >>>> >>>> " AIR internally uses a shared codebase with the Flash Player >>>> rendering engine and ActionScript 3.0 as the primary programming language. >>>> Applications must specifically be built for AIR to use additional features >>>> provided, such as multi-touch >>>> <https://en.wikipedia.org/wiki/Multi-touch>, file system integration, >>>> native client extensions, integration with Taskbar >>>> <https://en.wikipedia.org/wiki/Taskbar> or Dock >>>> <https://en.wikipedia.org/wiki/Dock_(computing)>, and access to >>>> accelerometer <https://en.wikipedia.org/wiki/Accelerometer> and GPS >>>> <https://en.wikipedia.org/wiki/GPS> devices.[9] >>>> <https://en.wikipedia.org/wiki/Adobe_AIR#cite_note-9> HTML5 >>>> applications may run on the WebKit >>>> <https://en.wikipedia.org/wiki/WebKit> engine >>>> <https://en.wikipedia.org/wiki/Web_browser_engine> included in AIR. >>>> >>>> %%%%% >>>> >>>> >>>> Since AIR comes with a webkit engine for running html5 apps, I thought >>>> it would be possible to package MDL or jewel based royale apps as AIR >>>> applications. >>>> >>>> >>>> >>>> On Wed, Sep 8, 2021 at 4:02 PM Piotr Zarzycki < >>>> [email protected]> wrote: >>>> >>>>> I'm not sure if that is possible. I believe whatever you write in >>>>> Royale you will have to wrap up with Apache Cordova if you wanted to have >>>>> it as an mobile app. Otherwise in mobile webrowser will work. >>>>> >>>>> śr., 8 wrz 2021 o 16:59 Roman Isitua <[email protected]> >>>>> napisał(a): >>>>> >>>>>> >>>>>> >>>>>> Can I use Royale with material design to develop mobile apps that use >>>>>> Adobe AIR as runtime ? >>>>>> >>>>>> Regards, >>>>>> >>>>>> >>>>>> On Wed, Sep 8, 2021 at 1:41 PM Roman Isitua <[email protected]> >>>>>> wrote: >>>>>> >>>>>>> This is what I need. I will go through. >>>>>>> >>>>>>> Thanks Piotr. >>>>>>> >>>>>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki < >>>>>>> [email protected]> wrote: >>>>>>> >>>>>>>> Hi Roman, >>>>>>>> >>>>>>>> In Apache Royale repository you have couple of examples marked as >>>>>>>> MDL as well [1]. In case of transpiledaction script this was and is my >>>>>>>> effort - Go to main page [2] and you will find link to GitHub. You >>>>>>>> probably >>>>>>>> need to switch to branch "Examples" to have the most updated code. Web >>>>>>>> page >>>>>>>> itself is also created using MDL. :) >>>>>>>> >>>>>>>> [1] >>>>>>>> https://github.com/apache/royale-asjs/tree/develop/examples/royale >>>>>>>> [2] https://transpiledactionscript.com/ >>>>>>>> >>>>>>>> Thanks, >>>>>>>> Piotr >>>>>>>> >>>>>>>> śr., 8 wrz 2021 o 12:49 Roman Isitua <[email protected]> >>>>>>>> napisał(a): >>>>>>>> >>>>>>>>> >>>>>>>>> I just stumbled upon this >>>>>>>>> >>>>>>>>> https://apache.github.io/royale-docs/libraries/mdl-royale >>>>>>>>> >>>>>>>>> The links references this two interesting showcase >>>>>>>>> >>>>>>>>> https://transpiledactionscript.com/examples/MDLExample/ >>>>>>>>> >>>>>>>>> >>>>>>>>> https://transpiledactionscript.com/examples/PureMVCEmployeeAdminMDL/ >>>>>>>>> >>>>>>>>> Are the sources for the above examples available on github ? >>>>>>>>> >>>>>>>>> If not, I would still appreciate any other showcase. >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> Regards, >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> On Wed, Sep 8, 2021 at 11:03 AM Yishay Weiss <[email protected]> >>>>>>>>> wrote: >>>>>>>>> >>>>>>>>>> There used to be an extensive mdl example with source code. I >>>>>>>>>> expect navigation was also showcased. @piotr, do you know where >>>>>>>>>> roman can >>>>>>>>>> find this example? >>>>>>>>>> >>>>>>>>>> On 2021/09/07 13:39:31, Roman Isitua <[email protected]> >>>>>>>>>> wrote: >>>>>>>>>> > Hi everyone, >>>>>>>>>> > >>>>>>>>>> > I am exploring the feasibility of using royale with material >>>>>>>>>> design >>>>>>>>>> > lite(MDL) to port an existing application built with react that >>>>>>>>>> uses >>>>>>>>>> > material design. >>>>>>>>>> > I have no prior experience with material design so I am getting >>>>>>>>>> up to speed >>>>>>>>>> > with it by learning from this site. >>>>>>>>>> > >>>>>>>>>> > >>>>>>>>>> https://www.tutorialspoint.com/materialdesignlite/materialdesignlite_environment.htm >>>>>>>>>> > >>>>>>>>>> > I am trying to replicate the following >>>>>>>>>> > >>>>>>>>>> > <div class = "mdl-layout mdl-js-layout >>>>>>>>>> mdl-layout--fixed-drawer"> >>>>>>>>>> > <div class = "mdl-layout__drawer"> >>>>>>>>>> > <span class = "mdl-layout-title">Material >>>>>>>>>> Design</span> >>>>>>>>>> > <nav class = "mdl-navigation"> >>>>>>>>>> > <a class = "mdl-navigation__link" href = >>>>>>>>>> "">Home</a> >>>>>>>>>> > <a class = "mdl-navigation__link" href = >>>>>>>>>> "">Features</a> >>>>>>>>>> > <a class = "mdl-navigation__link" href = >>>>>>>>>> "">About Us</a> >>>>>>>>>> > <a class = "mdl-navigation__link" href = "">Log >>>>>>>>>> Out</a> >>>>>>>>>> > </nav> >>>>>>>>>> > </div> >>>>>>>>>> > >>>>>>>>>> > <main class = "mdl-layout__content"> >>>>>>>>>> > <div class = "page-content" style = >>>>>>>>>> "padding-left:100px;">Hello >>>>>>>>>> > World!</div> >>>>>>>>>> > </main> >>>>>>>>>> > >>>>>>>>>> > >>>>>>>>>> > in royale. It appears to be much more complicated than I >>>>>>>>>> thought. >>>>>>>>>> > My implementation >>>>>>>>>> > >>>>>>>>>> > <html:Div className = "mdl-layout mdl-js-layout >>>>>>>>>> mdl-layout--fixed-drawer"> >>>>>>>>>> > <html:Div className = "mdl-layout__drawer"> >>>>>>>>>> > <html:Span class = "mdl-layout-title">Material >>>>>>>>>> > Design</html:Span> >>>>>>>>>> > <mdl:Navigation className = "mdl-navigation"> >>>>>>>>>> > <mdl:NavigationLink className = >>>>>>>>>> "mdl-navigation__link" href >>>>>>>>>> > = "" innerText="Home"></mdl:NavigationLink> >>>>>>>>>> > <mdl:NavigationLink className = >>>>>>>>>> "mdl-navigation__link" href >>>>>>>>>> > = "" innerText="Features"></mdl:NavigationLink> >>>>>>>>>> > <mdl:NavigationLink className = >>>>>>>>>> "mdl-navigation__link" href >>>>>>>>>> > = "" innerText="About Us"></mdl:NavigationLink> >>>>>>>>>> > <mdl:NavigationLink className = >>>>>>>>>> "mdl-navigation__link" href >>>>>>>>>> > = "" innerText="Log Out"></mdl:NavigationLink> >>>>>>>>>> > </mdl:Navigation> >>>>>>>>>> > </html:Div> >>>>>>>>>> > >>>>>>>>>> > <html:Div id="main" className = "mdl-layout__content"> >>>>>>>>>> > <html:Div className = "page-content" style = >>>>>>>>>> > "padding-left:100px;" innerText="Hello World !!!"></html:Div> >>>>>>>>>> > </html:Div> >>>>>>>>>> > >>>>>>>>>> > </html:Div> >>>>>>>>>> > >>>>>>>>>> > >>>>>>>>>> > The navigation links do not show. >>>>>>>>>> > The action script documentation for the material design lite >>>>>>>>>> does not open >>>>>>>>>> > so I have no idea how to configure it. >>>>>>>>>> > >>>>>>>>>> > Browsing through the source code of royale mdl library I found >>>>>>>>>> the >>>>>>>>>> > following comment on mdl Navigation.as >>>>>>>>>> > >>>>>>>>>> > /* >>>>>>>>>> > The Navigation class is a <nav> tag in HTML. It parents a list >>>>>>>>>> of links >>>>>>>>>> > * In Royale Navigation is implemented as a List component and >>>>>>>>>> by default >>>>>>>>>> > * it uses NavigationLinkItemRenderer class to define each item. >>>>>>>>>> > */ >>>>>>>>>> > >>>>>>>>>> > This made me realise that my above configuration will not work. >>>>>>>>>> > >>>>>>>>>> > Would appreciate help on this. >>>>>>>>>> > >>>>>>>>>> > >>>>>>>>>> > Regards, >>>>>>>>>> > >>>>>>>>>> >>>>>>>>> >>>>>>>> >>>>>>>> -- >>>>>>>> >>>>>>>> Piotr Zarzycki >>>>>>>> >>>>>>> >>>>> >>>>> -- >>>>> >>>>> Piotr Zarzycki >>>>> >>>> >>> >>> -- >>> >>> Piotr Zarzycki >>> >> -- Piotr Zarzycki
