You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@royale.apache.org by Roman Isitua <ro...@gmail.com> on 2021/09/07 13:39:31 UTC
Royale with Material design lite
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,
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
Thank you for this. I will go through and revert if I have any questions.
On Mon, 13 Sep 2021, 08:22 Piotr Zarzycki, <pi...@gmail.com>
wrote:
> 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 <ro...@gmail.com> 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 <ro...@gmail.com>
>> wrote:
>>
>>> Okay.
>>>
>>>
>>>
>>> On Wed, 8 Sep 2021, 16:50 Piotr Zarzycki, <pi...@gmail.com>
>>> 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 <ro...@gmail.com>
>>>> 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 <
>>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>>> 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 <ro...@gmail.com>
>>>>>>> wrote:
>>>>>>>
>>>>>>>> This is what I need. I will go through.
>>>>>>>>
>>>>>>>> Thanks Piotr.
>>>>>>>>
>>>>>>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <
>>>>>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>>>>>> 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 <yi...@apache.org>
>>>>>>>>>> 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 <ro...@gmail.com>
>>>>>>>>>>> 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
>
Re: Royale with Material design lite
Posted by Piotr Zarzycki <pi...@gmail.com>.
Roman,
Whatever application you are building using MyAccount it can be build with
Maven.
pon., 13 wrz 2021 o 10:42 Roman Isitua <ro...@gmail.com> napisał(a):
> Thanks for sharing Harbs.
> This is another impressive ui library.
>
>
> Just one observation. It appears not to have support for maven. Is this
> correct ?
>
>
> Regards,
>
>
>
> On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
>
>> https://github.com/unhurdle/spectrum-royale
>> https://unhurdle.github.io/spectrum-royale/
>>
>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com>
>> wrote:
>>
>> 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. ;)
>>
>>
>>
--
Piotr Zarzycki
Re: Royale with Material design lite
Posted by "Gareth J. Rubery" <ga...@googlemail.com>.
Please remove me from this mailing list, thank you.
> On 29 Sep 2021, at 08:43, Harbs <ha...@gmail.com> wrote:
>
> AN alternate to pagination is infinite scrolling which we have here:
> http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller <http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller>
>
> Basically, you listen to the scrollEnd event and load more content. Make sure you append to the dataProvider rather than replace it…
>
>> On Sep 28, 2021, at 3:31 PM, Roman Isitua <ro...@gmail.com> wrote:
>>
>>
>> I intend to fetch data from a table with a huge number of records. Is there support for data pagination in a material design table ?
>>
>> Also do I need to write some extra code for the remote object ?
>>
>>
>>
>> Regards,
>>
>> Roman.
>>
>> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>> Okay.
>>
>>
>> On Mon, 13 Sep 2021, 10:31 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>> It’s not built by or published to Maven. You can include a SWC in any project.
>>
>>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>>
>>> Thanks for sharing Harbs.
>>> This is another impressive ui library.
>>>
>>>
>>> Just one observation. It appears not to have support for maven. Is this correct ?
>>>
>>>
>>> Regards,
>>>
>>>
>>>
>>> On Mon, 13 Sep 2021, 08:49 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>>> https://github.com/unhurdle/spectrum-royale <https://github.com/unhurdle/spectrum-royale>
>>> https://unhurdle.github.io/spectrum-royale/ <https://unhurdle.github.io/spectrum-royale/>
>>>
>>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <piotrzarzycki21@gmail.com <ma...@gmail.com>> wrote:
>>>>
>>>> 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. ;)
>>>>
>>>
>>
>
Re: Royale with Material design lite
Posted by Harbs <ha...@gmail.com>.
You need to remove yourself.
https://royale.apache.org/mailing-lists/
To unsubscribe from the user list send an email to:
users-unsubscribe@royale.apache.org
> On Sep 29, 2021, at 11:57 AM, Gareth J. Rubery <ga...@googlemail.com> wrote:
>
> Please remove me from this mailing list, thank you.
>
>> On 29 Sep 2021, at 09:27, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>
>> Interesting. Thanks for this information. I will definitely investigate this.
>>
>>
>>
>> On Wed, 29 Sep 2021, 08:43 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>> AN alternate to pagination is infinite scrolling which we have here:
>> http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller <http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller>
>>
>> Basically, you listen to the scrollEnd event and load more content. Make sure you append to the dataProvider rather than replace it…
>>
>>> On Sep 28, 2021, at 3:31 PM, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>>
>>>
>>> I intend to fetch data from a table with a huge number of records. Is there support for data pagination in a material design table ?
>>>
>>> Also do I need to write some extra code for the remote object ?
>>>
>>>
>>>
>>> Regards,
>>>
>>> Roman.
>>>
>>> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>> Okay.
>>>
>>>
>>> On Mon, 13 Sep 2021, 10:31 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>>> It’s not built by or published to Maven. You can include a SWC in any project.
>>>
>>>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>>>
>>>> Thanks for sharing Harbs.
>>>> This is another impressive ui library.
>>>>
>>>>
>>>> Just one observation. It appears not to have support for maven. Is this correct ?
>>>>
>>>>
>>>> Regards,
>>>>
>>>>
>>>>
>>>> On Mon, 13 Sep 2021, 08:49 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>>>> https://github.com/unhurdle/spectrum-royale <https://github.com/unhurdle/spectrum-royale>
>>>> https://unhurdle.github.io/spectrum-royale/ <https://unhurdle.github.io/spectrum-royale/>
>>>>
>>>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <piotrzarzycki21@gmail.com <ma...@gmail.com>> wrote:
>>>>>
>>>>> 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. ;)
>>>>>
>>>>
>>>
>>
>
Re: Royale with Material design lite
Posted by "Gareth J. Rubery" <ga...@googlemail.com>.
Please remove me from this mailing list, thank you.
> On 29 Sep 2021, at 09:27, Roman Isitua <ro...@gmail.com> wrote:
>
> Interesting. Thanks for this information. I will definitely investigate this.
>
>
>
> On Wed, 29 Sep 2021, 08:43 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
> AN alternate to pagination is infinite scrolling which we have here:
> http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller <http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller>
>
> Basically, you listen to the scrollEnd event and load more content. Make sure you append to the dataProvider rather than replace it…
>
>> On Sep 28, 2021, at 3:31 PM, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>
>>
>> I intend to fetch data from a table with a huge number of records. Is there support for data pagination in a material design table ?
>>
>> Also do I need to write some extra code for the remote object ?
>>
>>
>>
>> Regards,
>>
>> Roman.
>>
>> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>> Okay.
>>
>>
>> On Mon, 13 Sep 2021, 10:31 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>> It’s not built by or published to Maven. You can include a SWC in any project.
>>
>>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>>
>>> Thanks for sharing Harbs.
>>> This is another impressive ui library.
>>>
>>>
>>> Just one observation. It appears not to have support for maven. Is this correct ?
>>>
>>>
>>> Regards,
>>>
>>>
>>>
>>> On Mon, 13 Sep 2021, 08:49 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>>> https://github.com/unhurdle/spectrum-royale <https://github.com/unhurdle/spectrum-royale>
>>> https://unhurdle.github.io/spectrum-royale/ <https://unhurdle.github.io/spectrum-royale/>
>>>
>>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <piotrzarzycki21@gmail.com <ma...@gmail.com>> wrote:
>>>>
>>>> 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. ;)
>>>>
>>>
>>
>
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
Interesting. Thanks for this information. I will definitely investigate
this.
On Wed, 29 Sep 2021, 08:43 Harbs, <ha...@gmail.com> wrote:
> AN alternate to pagination is infinite scrolling which we have here:
>
> http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller
>
> Basically, you listen to the scrollEnd event and load more content. Make
> sure you append to the dataProvider rather than replace it…
>
> On Sep 28, 2021, at 3:31 PM, Roman Isitua <ro...@gmail.com> wrote:
>
>
> I intend to fetch data from a table with a huge number of records. Is
> there support for data pagination in a material design table ?
>
> Also do I need to write some extra code for the remote object ?
>
>
>
> Regards,
>
> Roman.
>
> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <ro...@gmail.com>
> wrote:
>
>> Okay.
>>
>>
>> On Mon, 13 Sep 2021, 10:31 Harbs, <ha...@gmail.com> wrote:
>>
>>> It’s not built by or published to Maven. You can include a SWC in any
>>> project.
>>>
>>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <ro...@gmail.com>
>>> wrote:
>>>
>>> Thanks for sharing Harbs.
>>> This is another impressive ui library.
>>>
>>>
>>> Just one observation. It appears not to have support for maven. Is this
>>> correct ?
>>>
>>>
>>> Regards,
>>>
>>>
>>>
>>> On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
>>>
>>>> https://github.com/unhurdle/spectrum-royale
>>>> https://unhurdle.github.io/spectrum-royale/
>>>>
>>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com>
>>>> wrote:
>>>>
>>>> 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. ;)
>>>>
>>>>
>>>>
>>>
>
Re: Royale with Material design lite
Posted by Harbs <ha...@gmail.com>.
AN alternate to pagination is infinite scrolling which we have here:
http://royale.apache.org/asdoc/#!org.apache.royale.html.beads/InfiniteVScroller
Basically, you listen to the scrollEnd event and load more content. Make sure you append to the dataProvider rather than replace it…
> On Sep 28, 2021, at 3:31 PM, Roman Isitua <ro...@gmail.com> wrote:
>
>
> I intend to fetch data from a table with a huge number of records. Is there support for data pagination in a material design table ?
>
> Also do I need to write some extra code for the remote object ?
>
>
>
> Regards,
>
> Roman.
>
> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
> Okay.
>
>
> On Mon, 13 Sep 2021, 10:31 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
> It’s not built by or published to Maven. You can include a SWC in any project.
>
>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <romanisitua@gmail.com <ma...@gmail.com>> wrote:
>>
>> Thanks for sharing Harbs.
>> This is another impressive ui library.
>>
>>
>> Just one observation. It appears not to have support for maven. Is this correct ?
>>
>>
>> Regards,
>>
>>
>>
>> On Mon, 13 Sep 2021, 08:49 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
>> https://github.com/unhurdle/spectrum-royale <https://github.com/unhurdle/spectrum-royale>
>> https://unhurdle.github.io/spectrum-royale/ <https://unhurdle.github.io/spectrum-royale/>
>>
>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <piotrzarzycki21@gmail.com <ma...@gmail.com>> wrote:
>>>
>>> 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. ;)
>>>
>>
>
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
Hi Piotr,
Thanks. So I have to improvise. A while ago Maria shared this link with me.
[1]
https://github.com/mjesteve/royale-examples-community/blob/main/royaleapp/royalejewel/src/main/royale/org/apache/royale/community/views/Debug_PageNavigator.mxml
It is jewel based. I am yet to run the example but I have had a look at the
code. It looks like something I can work with.
However, since it is jewel based is it possible to combine a jewel
component like this with material design components ?
Regards,
On Tue, Sep 28, 2021 at 1:44 PM Piotr Zarzycki <pi...@gmail.com>
wrote:
> Hi Roman,
>
> In Royale there is no pagination, but if you find in a native version of
> Material pagination like support for components you can probably adjust
> stuff nad have it. Otherwise you will have to use some external JS data
> grid/table
>
> Thanks
> Piotr
>
> wt., 28 wrz 2021 o 14:32 Roman Isitua <ro...@gmail.com> napisał(a):
>
>>
>> I intend to fetch data from a table with a huge number of records. Is
>> there support for data pagination in a material design table ?
>>
>> Also do I need to write some extra code for the remote object ?
>>
>>
>>
>> Regards,
>>
>> Roman.
>>
>> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <ro...@gmail.com>
>> wrote:
>>
>>> Okay.
>>>
>>>
>>> On Mon, 13 Sep 2021, 10:31 Harbs, <ha...@gmail.com> wrote:
>>>
>>>> It’s not built by or published to Maven. You can include a SWC in any
>>>> project.
>>>>
>>>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <ro...@gmail.com>
>>>> wrote:
>>>>
>>>> Thanks for sharing Harbs.
>>>> This is another impressive ui library.
>>>>
>>>>
>>>> Just one observation. It appears not to have support for maven. Is this
>>>> correct ?
>>>>
>>>>
>>>> Regards,
>>>>
>>>>
>>>>
>>>> On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
>>>>
>>>>> https://github.com/unhurdle/spectrum-royale
>>>>> https://unhurdle.github.io/spectrum-royale/
>>>>>
>>>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <
>>>>> piotrzarzycki21@gmail.com> wrote:
>>>>>
>>>>> 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. ;)
>>>>>
>>>>>
>>>>>
>>>>
>
> --
>
> Piotr Zarzycki
>
Re: Royale with Material design lite
Posted by Piotr Zarzycki <pi...@gmail.com>.
Hi Roman,
In Royale there is no pagination, but if you find in a native version of
Material pagination like support for components you can probably adjust
stuff nad have it. Otherwise you will have to use some external JS data
grid/table
Thanks
Piotr
wt., 28 wrz 2021 o 14:32 Roman Isitua <ro...@gmail.com> napisał(a):
>
> I intend to fetch data from a table with a huge number of records. Is
> there support for data pagination in a material design table ?
>
> Also do I need to write some extra code for the remote object ?
>
>
>
> Regards,
>
> Roman.
>
> On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <ro...@gmail.com>
> wrote:
>
>> Okay.
>>
>>
>> On Mon, 13 Sep 2021, 10:31 Harbs, <ha...@gmail.com> wrote:
>>
>>> It’s not built by or published to Maven. You can include a SWC in any
>>> project.
>>>
>>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <ro...@gmail.com>
>>> wrote:
>>>
>>> Thanks for sharing Harbs.
>>> This is another impressive ui library.
>>>
>>>
>>> Just one observation. It appears not to have support for maven. Is this
>>> correct ?
>>>
>>>
>>> Regards,
>>>
>>>
>>>
>>> On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
>>>
>>>> https://github.com/unhurdle/spectrum-royale
>>>> https://unhurdle.github.io/spectrum-royale/
>>>>
>>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com>
>>>> wrote:
>>>>
>>>> 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. ;)
>>>>
>>>>
>>>>
>>>
--
Piotr Zarzycki
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
I intend to fetch data from a table with a huge number of records. Is there
support for data pagination in a material design table ?
Also do I need to write some extra code for the remote object ?
Regards,
Roman.
On Mon, Sep 13, 2021 at 10:51 AM Roman Isitua <ro...@gmail.com> wrote:
> Okay.
>
>
> On Mon, 13 Sep 2021, 10:31 Harbs, <ha...@gmail.com> wrote:
>
>> It’s not built by or published to Maven. You can include a SWC in any
>> project.
>>
>> On Sep 13, 2021, at 11:41 AM, Roman Isitua <ro...@gmail.com> wrote:
>>
>> Thanks for sharing Harbs.
>> This is another impressive ui library.
>>
>>
>> Just one observation. It appears not to have support for maven. Is this
>> correct ?
>>
>>
>> Regards,
>>
>>
>>
>> On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
>>
>>> https://github.com/unhurdle/spectrum-royale
>>> https://unhurdle.github.io/spectrum-royale/
>>>
>>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com>
>>> wrote:
>>>
>>> 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. ;)
>>>
>>>
>>>
>>
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
Okay.
On Mon, 13 Sep 2021, 10:31 Harbs, <ha...@gmail.com> wrote:
> It’s not built by or published to Maven. You can include a SWC in any
> project.
>
> On Sep 13, 2021, at 11:41 AM, Roman Isitua <ro...@gmail.com> wrote:
>
> Thanks for sharing Harbs.
> This is another impressive ui library.
>
>
> Just one observation. It appears not to have support for maven. Is this
> correct ?
>
>
> Regards,
>
>
>
> On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
>
>> https://github.com/unhurdle/spectrum-royale
>> https://unhurdle.github.io/spectrum-royale/
>>
>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com>
>> wrote:
>>
>> 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. ;)
>>
>>
>>
>
Re: Royale with Material design lite
Posted by Harbs <ha...@gmail.com>.
It’s not built by or published to Maven. You can include a SWC in any project.
> On Sep 13, 2021, at 11:41 AM, Roman Isitua <ro...@gmail.com> wrote:
>
> Thanks for sharing Harbs.
> This is another impressive ui library.
>
>
> Just one observation. It appears not to have support for maven. Is this correct ?
>
>
> Regards,
>
>
>
> On Mon, 13 Sep 2021, 08:49 Harbs, <harbs.lists@gmail.com <ma...@gmail.com>> wrote:
> https://github.com/unhurdle/spectrum-royale <https://github.com/unhurdle/spectrum-royale>
> https://unhurdle.github.io/spectrum-royale/ <https://unhurdle.github.io/spectrum-royale/>
>
>> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <piotrzarzycki21@gmail.com <ma...@gmail.com>> wrote:
>>
>> 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. ;)
>>
>
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
Thanks for sharing Harbs.
This is another impressive ui library.
Just one observation. It appears not to have support for maven. Is this
correct ?
Regards,
On Mon, 13 Sep 2021, 08:49 Harbs, <ha...@gmail.com> wrote:
> https://github.com/unhurdle/spectrum-royale
> https://unhurdle.github.io/spectrum-royale/
>
> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com>
> wrote:
>
> 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. ;)
>
>
>
Re: Royale with Material design lite
Posted by Harbs <ha...@gmail.com>.
https://github.com/unhurdle/spectrum-royale
https://unhurdle.github.io/spectrum-royale/
> On Sep 13, 2021, at 10:22 AM, Piotr Zarzycki <pi...@gmail.com> wrote:
>
> 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. ;)
>
Re: Royale with Material design lite
Posted by Piotr Zarzycki <pi...@gmail.com>.
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 <ro...@gmail.com> 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 <ro...@gmail.com> wrote:
>
>> Okay.
>>
>>
>>
>> On Wed, 8 Sep 2021, 16:50 Piotr Zarzycki, <pi...@gmail.com>
>> 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 <ro...@gmail.com> 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 <
>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>> 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 <ro...@gmail.com>
>>>>>> wrote:
>>>>>>
>>>>>>> This is what I need. I will go through.
>>>>>>>
>>>>>>> Thanks Piotr.
>>>>>>>
>>>>>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <
>>>>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>>>>> 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 <yi...@apache.org>
>>>>>>>>> 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 <ro...@gmail.com>
>>>>>>>>>> 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
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
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 <ro...@gmail.com> wrote:
> Okay.
>
>
>
> On Wed, 8 Sep 2021, 16:50 Piotr Zarzycki, <pi...@gmail.com>
> 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 <ro...@gmail.com> 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 <pi...@gmail.com>
>>> 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 <ro...@gmail.com>
>>>> 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 <ro...@gmail.com>
>>>>> wrote:
>>>>>
>>>>>> This is what I need. I will go through.
>>>>>>
>>>>>> Thanks Piotr.
>>>>>>
>>>>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <
>>>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>>>> 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 <yi...@apache.org>
>>>>>>>> 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 <ro...@gmail.com>
>>>>>>>>> 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
>>
>
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
Okay.
On Wed, 8 Sep 2021, 16:50 Piotr Zarzycki, <pi...@gmail.com> 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 <ro...@gmail.com> 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 <pi...@gmail.com>
>> 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 <ro...@gmail.com> 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 <ro...@gmail.com>
>>>> wrote:
>>>>
>>>>> This is what I need. I will go through.
>>>>>
>>>>> Thanks Piotr.
>>>>>
>>>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <
>>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>>> 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 <yi...@apache.org>
>>>>>>> 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 <ro...@gmail.com>
>>>>>>>> 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
>
Re: Royale with Material design lite
Posted by Piotr Zarzycki <pi...@gmail.com>.
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 <ro...@gmail.com> 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 <pi...@gmail.com>
> 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 <ro...@gmail.com> 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 <ro...@gmail.com>
>>> wrote:
>>>
>>>> This is what I need. I will go through.
>>>>
>>>> Thanks Piotr.
>>>>
>>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <
>>>> piotrzarzycki21@gmail.com> 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 <ro...@gmail.com>
>>>>> 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 <yi...@apache.org>
>>>>>> 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 <ro...@gmail.com> 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
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
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 <pi...@gmail.com>
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 <ro...@gmail.com> 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 <ro...@gmail.com>
>> wrote:
>>
>>> This is what I need. I will go through.
>>>
>>> Thanks Piotr.
>>>
>>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <pi...@gmail.com>
>>> 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 <ro...@gmail.com>
>>>> 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 <yi...@apache.org>
>>>>> 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 <ro...@gmail.com> 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
>
Re: Royale with Material design lite
Posted by Piotr Zarzycki <pi...@gmail.com>.
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 <ro...@gmail.com> 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 <ro...@gmail.com> wrote:
>
>> This is what I need. I will go through.
>>
>> Thanks Piotr.
>>
>> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <pi...@gmail.com>
>> 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 <ro...@gmail.com> 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 <yi...@apache.org>
>>>> 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 <ro...@gmail.com> 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
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
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 <ro...@gmail.com> wrote:
> This is what I need. I will go through.
>
> Thanks Piotr.
>
> On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <pi...@gmail.com>
> 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 <ro...@gmail.com> 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 <yi...@apache.org> 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 <ro...@gmail.com> 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
>>
>
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
This is what I need. I will go through.
Thanks Piotr.
On Wed, Sep 8, 2021 at 1:26 PM Piotr Zarzycki <pi...@gmail.com>
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 <ro...@gmail.com> 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 <yi...@apache.org> 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 <ro...@gmail.com> 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
>
Re: Royale with Material design lite
Posted by Piotr Zarzycki <pi...@gmail.com>.
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 <ro...@gmail.com> 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 <yi...@apache.org> 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 <ro...@gmail.com> 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
Re: Royale with Material design lite
Posted by Roman Isitua <ro...@gmail.com>.
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 <yi...@apache.org> 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 <ro...@gmail.com> 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,
> >
>
Re: Royale with Material design lite
Posted by Yishay Weiss <yi...@apache.org>.
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 <ro...@gmail.com> 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,
>