You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@royale.apache.org by MikeH <mi...@googlemail.com.INVALID> on 2020/08/25 10:39:56 UTC
Tab Index
Hi, im trying to set tab navigation on a Royale application by adding the
tabIndex property on components but when I compile it throws an error (This
attribute is unexpected. It will be ignored.). I need to enable keyboard
navigation on my application for accessibility.
The components are Jewel components.
Im using version 0.97.
Thanks for your help.
Mike
--
Sent from: http://apache-royale-development.20373.n8.nabble.com/
Re: Tab Index
Posted by Hugo Ferreira <hf...@gmail.com>.
I was my fault.
Very sorry for that.
I saw your post on github today and I tried now to do a clean before build
and that action put everything to working again and also the original bug
fixed with the nighlty build (DataGrid don't allow the propor use of
TextInput) are all fixed.
Carlos Rovira <ca...@apache.org> escreveu no dia sábado, 5/09/2020
à(s) 08:42:
> Hi Hugo,
>
> once a week could be good, but I think it is even better if you have some
> tool like sourcetree and update the commits so you are aware of the changes
> that we're doing. So that way you'll know better what's happening, and also
> you could need to update more frequently during some days, but less during
> other weeks of less commits.
>
> about posting here, of course. Issues are more for bugs or things that need
> to be tracked, so we can discuss as a ticket. Here is more for discussions
> like this, where we need to talk or ask for things, or make threads to get
> consensus over some topic. So both have meaning for each thing.
>
> thanks
>
>
>
> El vie., 4 sept. 2020 a las 15:19, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > All the issues resume to a "single" one related with rowHeight and
> > DataGrid.
> > I posted here: https://github.com/apache/royale-asjs/issues/904
> >
> > Next time I will try to see the first issue and if isolated if is the
> only
> > one and post on github.
> >
> > Can I also continue to also post here or only on github ?
> >
> > Hugo Ferreira <hf...@gmail.com> escreveu no dia sexta, 4/09/2020
> > à(s) 11:28:
> >
> > > 1. OK, I will investigate to isolate and add to github.
> > > 2. I see now. I will be updating to don't have so many issue at once.
> > > Update once per week, do you think it's enough ?
> > >
> > > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> 4/09/2020
> > > à(s) 10:56:
> > >
> > >> Hi Hugo,
> > >>
> > >> I saw the issues. Some things:
> > >>
> > >> 1.- Please add them as github issues, since is better to track and fix
> > >> 2.- Jewel is constant development, so I think is important to keep in
> > the
> > >> loop at least until we reach 0.9 or 1.0, since still many things must
> be
> > >> developed or fixed, and APIs can be fine tuned in the process. Keeping
> > >> with
> > >> an old nightly could bring many issues when upgrading. Again, I hope
> > APIs
> > >> will be freezing as we reach final versions, but for now it's the only
> > way
> > >> to keep up with the latest while getting a robust library.
> > >>
> > >> I hope some of the problems you are having could be finally something
> > that
> > >> can be updated in your code, and keep you bringing me the ones you
> don't
> > >> get solved so I can take a look
> > >>
> > >> thanks
> > >>
> > >>
> > >>
> > >> El vie., 4 sept. 2020 a las 10:40, Hugo Ferreira (<
> > hferreira.80@gmail.com
> > >> >)
> > >> escribió:
> > >>
> > >> > Hi Carlos,
> > >> >
> > >> > Thank you very much to fix the issue related with DataGrid and
> > >> TextInput.
> > >> > I just update to last night build and got several new issues that I
> > >> > reported separated (meanwhile I will try to investigate myself).
> > >> > I can't test the DataGrid fix because of this issues, that are
> > >> preventing
> > >> > my DataGrid to show the data.
> > >> >
> > >> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> > >> 4/09/2020
> > >> > à(s) 08:33:
> > >> >
> > >> > > Hi Mike,
> > >> > >
> > >> > > yesterday solved a bug in list keyboard handling that was causing
> > >> > keyboard
> > >> > > not working as expected in list and datagrid, so ensure you grab
> the
> > >> > > nightly that has that fixes.
> > >> > >
> > >> > > Thanks
> > >> > >
> > >> > > El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
> > >> > > piotrzarzycki21@gmail.com>) escribió:
> > >> > >
> > >> > > > Hi Mike,
> > >> > > >
> > >> > > > You can download easy Nightly using Moonshine SDK Installer -
> > using
> > >> > > couple
> > >> > > > of clicks. Check out Moonshine to get more.
> > >> > > >
> > >> > > > Thanks,
> > >> > > > Piotr
> > >> > > >
> > >> > > > śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
> > >> > > > napisał(a):
> > >> > > >
> > >> > > > > Hi Mike,
> > >> > > > > your problem is related to the version 0.9.7.
> > >> > > > > I think I added tabIndex post 0.9.7, so you'll need to use a
> > >> nightly
> > >> > > > build
> > >> > > > > with the latest [1].
> > >> > > > >
> > >> > > > > IMHO, I think it is better to use nightly build or build from
> > >> sources
> > >> > > at
> > >> > > > > least until we reach 1.0 and all be more settled, but all days
> > we
> > >> > > improve
> > >> > > > > Royale, so sticking with a version means to quickly be out of
> > >> date.
> > >> > > v1.0
> > >> > > > > will mean things more stable (hopefully).
> > >> > > > >
> > >> > > > > [1] https://royale.apache.org/get-involved/
> > >> > > > >
> > >> > > > > El mié., 2 sept. 2020 a las 17:59, MikeH
> > >> > > > > (<mi...@googlemail.com.invalid>) escribió:
> > >> > > > >
> > >> > > > > > Hi Carlos, sorry for the delay in replying I have been out
> of
> > >> town.
> > >> > > > > >
> > >> > > > > > The Royale application is getting quite large now so I wont
> be
> > >> able
> > >> > > to
> > >> > > > > > include it all, its a conversion from an existing Flex
> > >> Application.
> > >> > > > > >
> > >> > > > > > First my development environment is:
> > >> > > > > >
> > >> > > > > > Royale SDK apache-royale-0.9.7-bin-js-swf
> > >> > > > > > IDE is Visual Studio Code
> > >> > > > > > OS is Windows 10
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > The Royale application is defined as a Jewel application
> like
> > >> so:
> > >> > > > > >
> > >> > > > > > <?xml version="1.0" encoding="utf-8"?>
> > >> > > > > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> > >> > > > > > xmlns:j="library://
> > >> > > > ns.apache.org/royale/jewel
> > >> > > > > "
> > >> > > > > > xmlns:js="library://
> > >> > > > > ns.apache.org/royale/basic"
> > >> > > > > >
> > >> > > > > > xmlns:mx="library://
> > >> > > ns.apache.org/royale/mx
> > >> > > > "
> > >> > > > > > xmlns:local="*"
> > >> > > > > > xmlns:view="view.*"
> > >> > > > > > xmlns:controller="controller.*"
> > >> > > > > > initialize="initApp()">
> > >> > > > > >
> > >> > > > > > <fx:Style source="resources/defaults.css"/>
> > >> > > > > >
> > >> > > > > > <fx:Script>
> > >> > > > > >
> > >> > > > > > </fx:Script>
> > >> > > > > > <j:beads>
> > >> > > > > > <js:ClassAliasBead />
> > >> > > > > > <js:ParentDocumentBead/>
> > >> > > > > > <js:ApplicationDataBinding/>
> > >> > > > > > <js:URLParameterBead id="appParams"/>
> > >> > > > > > </j:beads>
> > >> > > > > > <
> > >> > > > > > <fx:Declarations>
> > >> > > > > >
> > >> > > > > > </fx:Declarations>
> > >> > > > > > <j:valuesImpl>
> > >> > > > > > <js:SimpleCSSValuesImpl />
> > >> > > > > > </j:valuesImpl>
> > >> > > > > >
> > >> > > > > > <j:initialView>
> > >> > > > > > <view:Dashboard id="dashboard"
> > >> > > > > >
> > >> thisParent="{this}"
> > >> > > > > >
> > >> > hostName="{hostName}"
> > >> > > > > >
> > >> userid="{userid}"/>
> > >> > > > > > </j:initialView>
> > >> > > > > > </j:Application>
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > The Dashboard view is basically the same layout as in
> > >> TourDeJewel:
> > >> > > > > >
> > >> > > > > > <?xml version="1.0" encoding="utf-8"?>
> > >> > > > > > <j:ApplicationResponsiveView
> > >> > > > > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > >> > > > > > xmlns:j="library://ns.apache.org/royale/jewel"
> > >> > > > > > xmlns:js="library://ns.apache.org/royale/basic"
> > >> > > > > > xmlns:html="library://ns.apache.org/royale/html"
> > >> > > > > > xmlns:mx="library://ns.adobe.com/flex/mx"
> > >> > > > > > xmlns:view="view.*"
> > >> > > > > > xmlns:local="*"
> > >> > > > > > xmlns:vo="*"
> > >> > > > > > xmlns:models="models.*"
> > >> > > > > > initComplete="init()">
> > >> > > > > >
> > >> > > > > > <fx:Script>
> > >> > > > > >
> > >> > > > > > </fx:Script>
> > >> > > > > >
> > >> > > > > > <j:model>
> > >> > > > > > <models:MainNavigationModel
> > >> localId="mainNavigationModel"/>
> > >> > > > > > </j:model>
> > >> > > > > >
> > >> > > > > > <j:beads>
> > >> > > > > > <js:Router localId="router"
> > stateChange="hashChanged()"
> > >> />
> > >> > > > > > <js:ContainerDataBinding/>
> > >> > > > > > <js:BrowserOrientation localId="bo"/>
> > >> > > > > > <j:CleanValidationErrors/>
> > >> > > > > > </j:beads>
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> > >> > > > > > <j:beads>
> > >> > > > > > <j:ResponsiveDrawer auto="true"/>
> > >> > > > > > </j:beads>
> > >> > > > > > <j:DrawerHeader>
> > >> > > > > > <j:ImageButton id="logo_button_btn"/>
> > >> > > > > > </j:DrawerHeader>
> > >> > > > > > <j:DrawerContent>
> > >> > > > > > <j:Navigation localId="containerNavigation"
> > >> > > > > > className="navIconLinkItemRenderer"
> > >> > change="navChangeHandler(event)">
> > >> > > > > > <j:beads>
> > >> > > > > > <js:ConstantBinding
> > >> > > sourceID="mainNavigationModel"
> > >> > > > > > sourcePropertyName="containerDrawerNavigation"
> > >> > > > > > destinationPropertyName="dataProvider"/>
> > >> > > > > > <j:NavigationActionNotifier/>
> > >> > > > > >
> > >> > > > > > </j:beads>
> > >> > > > > >
> > >> > > > > > </j:Navigation>
> > >> > > > > >
> > >> > > > > > </j:DrawerContent>
> > >> > > > > >
> > >> > > > > > <j:DrawerFooter height="100">
> > >> > > > > > <j:style>
> > >> > > > > > <js:SimpleCSSStyles
> > backgroundColor="#2C74BE"/>
> > >> > > > > > </j:style>
> > >> > > > > > <j:BarRow>
> > >> > > > > > <j:BarSection>
> > >> > > > > > <j:Image id="logo_img" width="100%"/>
> > >> > > > > > </j:BarSection>
> > >> > > > > > </j:BarRow>
> > >> > > > > > </j:DrawerFooter>
> > >> > > > > >
> > >> > > > > > </j:Drawer>
> > >> > > > > >
> > >> > > > > > <j:FooterBar localId="footerbar" fixed="true">
> > >> > > > > > <j:style>
> > >> > > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > >> > > > > > </j:style>
> > >> > > > > > <j:BarRow>
> > >> > > > > > <j:BarSection>
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > </j:BarSection>
> > >> > > > > > <j:BarSection
> itemsHorizontalAlign="itemsCenter">
> > >> > > > > > <html:H3 text="" />
> > >> > > > > > </j:BarSection>
> > >> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > >> > > > > >
> > >> > > > > > </j:BarSection>
> > >> > > > > > </j:BarRow>
> > >> > > > > > </j:FooterBar>
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > <j:TopAppBar localId="topappbar" fixed="true"
> > >> > > > > hasDrawer="{drawer.fixed
> > >> > > > > > && drawer.isOpen}">
> > >> > > > > > <j:BarRow>
> > >> > > > > > <j:BarSection>
> > >> > > > > > <j:IconButton click="drawer.isOpen ?
> > >> > drawer.close() :
> > >> > > > > > drawer.open()">
> > >> > > > > > <j:beads>
> > >> > > > > > <j:ResponsiveVisibility
> > >> > > desktopVisible="false"
> > >> > > > > > wideScreenVisible="false" />
> > >> > > > > > </j:beads>
> > >> > > > > > <j:icon>
> > >> > > > > > <js:MaterialIcon
> > >> > > text="{MaterialIconType.MENU}"
> > >> > > > > />
> > >> > > > > > </j:icon>
> > >> > > > > > </j:IconButton>
> > >> > > > > > <j:BarTitle id="title_bar" text="Home"/>
> > >> > > > > > </j:BarSection>
> > >> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > >> > > > > >
> > >> > > > > > <j:Label localId="learner_name_lbl">
> > >> > > > > > <j:style>
> > >> > > > > > <js:SimpleCSSStyles
> fontWeight="bold"
> > >> > > > > > color="#FFFFFF" fontSize="15"/>
> > >> > > > > > </j:style>
> > >> > > > > > </j:Label>
> > >> > > > > >
> > >> > > > > > <j:ToggleButton
> id="showHideNotification_btn"
> > >> > > > > > click="setFootbar(event)" selected="true">
> > >> > > > > > <j:beads>
> > >> > > > > > <j:ToolTip toolTip="Show or Hide the
> > >> > > > Notification
> > >> > > > > > Area"/>
> > >> > > > > > </j:beads>
> > >> > > > > > <j:icon>
> > >> > > > > > <js:MaterialToggleIcon
> > >> > > > > > text="{MaterialIconType.VISIBILITY}"
> > >> > > > > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> > >> > > > > > </j:icon>
> > >> > > > > > </j:ToggleButton>
> > >> > > > > >
> > >> > > > > > <j:ToggleButton click="logout()">
> > >> > > > > > <j:beads>
> > >> > > > > > <j:ToolTip toolTip="Logout"/>
> > >> > > > > > </j:beads>
> > >> > > > > > <j:icon>
> > >> > > > > > <js:MaterialToggleIcon
> > >> > > > > > text="{MaterialIconType.LOCK}"
> > >> > > > > selectedText="{MaterialIconType.LOCK_OPEN}"
> > >> > > > > > />
> > >> > > > > > </j:icon>
> > >> > > > > > </j:ToggleButton>
> > >> > > > > >
> > >> > > > > > </j:BarSection>
> > >> > > > > > </j:BarRow>
> > >> > > > > > </j:TopAppBar>
> > >> > > > > >
> > >> > > > > > <j:ApplicationMainContent localId="main"
> > >> > hasTopAppBar="true"
> > >> > > > > > hasFooterBar="true">
> > >> > > > > >
> > >> > > > > > <j:ScrollableSectionContent name="home"
> > >> > width="100%"
> > >> > > > > > height="100%">
> > >> > > > > > <view:Content_Home
> > >> id="home_panel_content"
> > >> > > > > > NETCON="{NETCON}"/>
> > >> > > > > > </j:ScrollableSectionContent>
> > >> > > > > >
> > >> > > > > > <j:ScrollableSectionContent
> name="my_courses"
> > >> > > > > width="100%"
> > >> > > > > > height="100%">
> > >> > > > > > <view:My_Courses
> > >> > > id="my_courses_panel_content"
> > >> > > > > > NETCON="{NETCON}"/>
> > >> > > > > > </j:ScrollableSectionContent>
> > >> > > > > >
> > >> > > > > > <j:ScrollableSectionContent name="my_visits"
> > >> > > > width="100%"
> > >> > > > > > height="100%">
> > >> > > > > > <view:My_Visits
> > >> > id="my_visits_panel_content"
> > >> > > > > > NETCON="{NETCON}"/>
> > >> > > > > > </j:ScrollableSectionContent>
> > >> > > > > >
> > >> > > > > > <j:ScrollableSectionContent
> name="my_messages"
> > >> > > > > > width="100%" height="100%">
> > >> > > > > > <view:My_Messages
> > >> > > > id="my_messages_panel_content"
> > >> > > > > > NETCON="{NETCON}"/>
> > >> > > > > > </j:ScrollableSectionContent>
> > >> > > > > >
> > >> > > > > > <j:ScrollableSectionContent name="my_account"
> > >> width="100%"
> > >> > > > > > height="100%">
> > >> > > > > > <view:My_Account
> > >> > > id="my_account_panel_content"
> > >> > > > > > NETCON="{NETCON}"/>
> > >> > > > > > </j:ScrollableSectionContent>
> > >> > > > > >
> > >> > > > > > </j:ApplicationMainContent>
> > >> > > > > > </j:ApplicationResponsiveView>
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > If I try to add tabIndex="??" to any components and compile
> I
> > >> get
> > >> > > this
> > >> > > > > > error:
> > >> > > > > >
> > >> > > > > > <j:Drawer localId="drawer" tabIndex="1">
> > >> > > > > > ^
> > >> > > > > >
> > >> > > > > > 6.5844643 seconds
> > >> > > > > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe
> > '-jar',
> > >> > > > > >
> > >> > > > > >
> > >> > > > >
> > >> > > >
> > >> > >
> > >> >
> > >>
> >
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> > >> > > > > > '--sdk',
> > >> > > > > >
> > >> 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> > >> > > > > > '--debug=true', '--project', 'c:\xampp
> > >> > > > > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit
> > >> code:
> > >> > 3.
> > >> > > > > >
> > >> > > > > > Im thinking it may be my Visual Studio not set up correctly?
> > >> > > > > >
> > >> > > > > >
> > >> > > > > >
> > >> > > > > >
> > >> > > > > >
> > >> > > > > > --
> > >> > > > > > Sent from:
> > >> http://apache-royale-development.20373.n8.nabble.com/
> > >> > > > > >
> > >> > > > >
> > >> > > > >
> > >> > > > > --
> > >> > > > > Carlos Rovira
> > >> > > > > http://about.me/carlosrovira
> > >> > > > >
> > >> > > >
> > >> > > >
> > >> > > > --
> > >> > > >
> > >> > > > Piotr Zarzycki
> > >> > > >
> > >> > >
> > >> > >
> > >> > > --
> > >> > > Carlos Rovira
> > >> > > http://about.me/carlosrovira
> > >> > >
> > >> >
> > >>
> > >>
> > >> --
> > >> Carlos Rovira
> > >> http://about.me/carlosrovira
> > >>
> > >
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
Re: Tab Index
Posted by Carlos Rovira <ca...@apache.org>.
Hi Hugo,
once a week could be good, but I think it is even better if you have some
tool like sourcetree and update the commits so you are aware of the changes
that we're doing. So that way you'll know better what's happening, and also
you could need to update more frequently during some days, but less during
other weeks of less commits.
about posting here, of course. Issues are more for bugs or things that need
to be tracked, so we can discuss as a ticket. Here is more for discussions
like this, where we need to talk or ask for things, or make threads to get
consensus over some topic. So both have meaning for each thing.
thanks
El vie., 4 sept. 2020 a las 15:19, Hugo Ferreira (<hf...@gmail.com>)
escribió:
> All the issues resume to a "single" one related with rowHeight and
> DataGrid.
> I posted here: https://github.com/apache/royale-asjs/issues/904
>
> Next time I will try to see the first issue and if isolated if is the only
> one and post on github.
>
> Can I also continue to also post here or only on github ?
>
> Hugo Ferreira <hf...@gmail.com> escreveu no dia sexta, 4/09/2020
> à(s) 11:28:
>
> > 1. OK, I will investigate to isolate and add to github.
> > 2. I see now. I will be updating to don't have so many issue at once.
> > Update once per week, do you think it's enough ?
> >
> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 4/09/2020
> > à(s) 10:56:
> >
> >> Hi Hugo,
> >>
> >> I saw the issues. Some things:
> >>
> >> 1.- Please add them as github issues, since is better to track and fix
> >> 2.- Jewel is constant development, so I think is important to keep in
> the
> >> loop at least until we reach 0.9 or 1.0, since still many things must be
> >> developed or fixed, and APIs can be fine tuned in the process. Keeping
> >> with
> >> an old nightly could bring many issues when upgrading. Again, I hope
> APIs
> >> will be freezing as we reach final versions, but for now it's the only
> way
> >> to keep up with the latest while getting a robust library.
> >>
> >> I hope some of the problems you are having could be finally something
> that
> >> can be updated in your code, and keep you bringing me the ones you don't
> >> get solved so I can take a look
> >>
> >> thanks
> >>
> >>
> >>
> >> El vie., 4 sept. 2020 a las 10:40, Hugo Ferreira (<
> hferreira.80@gmail.com
> >> >)
> >> escribió:
> >>
> >> > Hi Carlos,
> >> >
> >> > Thank you very much to fix the issue related with DataGrid and
> >> TextInput.
> >> > I just update to last night build and got several new issues that I
> >> > reported separated (meanwhile I will try to investigate myself).
> >> > I can't test the DataGrid fix because of this issues, that are
> >> preventing
> >> > my DataGrid to show the data.
> >> >
> >> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
> >> 4/09/2020
> >> > à(s) 08:33:
> >> >
> >> > > Hi Mike,
> >> > >
> >> > > yesterday solved a bug in list keyboard handling that was causing
> >> > keyboard
> >> > > not working as expected in list and datagrid, so ensure you grab the
> >> > > nightly that has that fixes.
> >> > >
> >> > > Thanks
> >> > >
> >> > > El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
> >> > > piotrzarzycki21@gmail.com>) escribió:
> >> > >
> >> > > > Hi Mike,
> >> > > >
> >> > > > You can download easy Nightly using Moonshine SDK Installer -
> using
> >> > > couple
> >> > > > of clicks. Check out Moonshine to get more.
> >> > > >
> >> > > > Thanks,
> >> > > > Piotr
> >> > > >
> >> > > > śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
> >> > > > napisał(a):
> >> > > >
> >> > > > > Hi Mike,
> >> > > > > your problem is related to the version 0.9.7.
> >> > > > > I think I added tabIndex post 0.9.7, so you'll need to use a
> >> nightly
> >> > > > build
> >> > > > > with the latest [1].
> >> > > > >
> >> > > > > IMHO, I think it is better to use nightly build or build from
> >> sources
> >> > > at
> >> > > > > least until we reach 1.0 and all be more settled, but all days
> we
> >> > > improve
> >> > > > > Royale, so sticking with a version means to quickly be out of
> >> date.
> >> > > v1.0
> >> > > > > will mean things more stable (hopefully).
> >> > > > >
> >> > > > > [1] https://royale.apache.org/get-involved/
> >> > > > >
> >> > > > > El mié., 2 sept. 2020 a las 17:59, MikeH
> >> > > > > (<mi...@googlemail.com.invalid>) escribió:
> >> > > > >
> >> > > > > > Hi Carlos, sorry for the delay in replying I have been out of
> >> town.
> >> > > > > >
> >> > > > > > The Royale application is getting quite large now so I wont be
> >> able
> >> > > to
> >> > > > > > include it all, its a conversion from an existing Flex
> >> Application.
> >> > > > > >
> >> > > > > > First my development environment is:
> >> > > > > >
> >> > > > > > Royale SDK apache-royale-0.9.7-bin-js-swf
> >> > > > > > IDE is Visual Studio Code
> >> > > > > > OS is Windows 10
> >> > > > > >
> >> > > > > >
> >> > > > > > The Royale application is defined as a Jewel application like
> >> so:
> >> > > > > >
> >> > > > > > <?xml version="1.0" encoding="utf-8"?>
> >> > > > > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> >> > > > > > xmlns:j="library://
> >> > > > ns.apache.org/royale/jewel
> >> > > > > "
> >> > > > > > xmlns:js="library://
> >> > > > > ns.apache.org/royale/basic"
> >> > > > > >
> >> > > > > > xmlns:mx="library://
> >> > > ns.apache.org/royale/mx
> >> > > > "
> >> > > > > > xmlns:local="*"
> >> > > > > > xmlns:view="view.*"
> >> > > > > > xmlns:controller="controller.*"
> >> > > > > > initialize="initApp()">
> >> > > > > >
> >> > > > > > <fx:Style source="resources/defaults.css"/>
> >> > > > > >
> >> > > > > > <fx:Script>
> >> > > > > >
> >> > > > > > </fx:Script>
> >> > > > > > <j:beads>
> >> > > > > > <js:ClassAliasBead />
> >> > > > > > <js:ParentDocumentBead/>
> >> > > > > > <js:ApplicationDataBinding/>
> >> > > > > > <js:URLParameterBead id="appParams"/>
> >> > > > > > </j:beads>
> >> > > > > > <
> >> > > > > > <fx:Declarations>
> >> > > > > >
> >> > > > > > </fx:Declarations>
> >> > > > > > <j:valuesImpl>
> >> > > > > > <js:SimpleCSSValuesImpl />
> >> > > > > > </j:valuesImpl>
> >> > > > > >
> >> > > > > > <j:initialView>
> >> > > > > > <view:Dashboard id="dashboard"
> >> > > > > >
> >> thisParent="{this}"
> >> > > > > >
> >> > hostName="{hostName}"
> >> > > > > >
> >> userid="{userid}"/>
> >> > > > > > </j:initialView>
> >> > > > > > </j:Application>
> >> > > > > >
> >> > > > > >
> >> > > > > > The Dashboard view is basically the same layout as in
> >> TourDeJewel:
> >> > > > > >
> >> > > > > > <?xml version="1.0" encoding="utf-8"?>
> >> > > > > > <j:ApplicationResponsiveView
> >> > > > > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> >> > > > > > xmlns:j="library://ns.apache.org/royale/jewel"
> >> > > > > > xmlns:js="library://ns.apache.org/royale/basic"
> >> > > > > > xmlns:html="library://ns.apache.org/royale/html"
> >> > > > > > xmlns:mx="library://ns.adobe.com/flex/mx"
> >> > > > > > xmlns:view="view.*"
> >> > > > > > xmlns:local="*"
> >> > > > > > xmlns:vo="*"
> >> > > > > > xmlns:models="models.*"
> >> > > > > > initComplete="init()">
> >> > > > > >
> >> > > > > > <fx:Script>
> >> > > > > >
> >> > > > > > </fx:Script>
> >> > > > > >
> >> > > > > > <j:model>
> >> > > > > > <models:MainNavigationModel
> >> localId="mainNavigationModel"/>
> >> > > > > > </j:model>
> >> > > > > >
> >> > > > > > <j:beads>
> >> > > > > > <js:Router localId="router"
> stateChange="hashChanged()"
> >> />
> >> > > > > > <js:ContainerDataBinding/>
> >> > > > > > <js:BrowserOrientation localId="bo"/>
> >> > > > > > <j:CleanValidationErrors/>
> >> > > > > > </j:beads>
> >> > > > > >
> >> > > > > >
> >> > > > > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> >> > > > > > <j:beads>
> >> > > > > > <j:ResponsiveDrawer auto="true"/>
> >> > > > > > </j:beads>
> >> > > > > > <j:DrawerHeader>
> >> > > > > > <j:ImageButton id="logo_button_btn"/>
> >> > > > > > </j:DrawerHeader>
> >> > > > > > <j:DrawerContent>
> >> > > > > > <j:Navigation localId="containerNavigation"
> >> > > > > > className="navIconLinkItemRenderer"
> >> > change="navChangeHandler(event)">
> >> > > > > > <j:beads>
> >> > > > > > <js:ConstantBinding
> >> > > sourceID="mainNavigationModel"
> >> > > > > > sourcePropertyName="containerDrawerNavigation"
> >> > > > > > destinationPropertyName="dataProvider"/>
> >> > > > > > <j:NavigationActionNotifier/>
> >> > > > > >
> >> > > > > > </j:beads>
> >> > > > > >
> >> > > > > > </j:Navigation>
> >> > > > > >
> >> > > > > > </j:DrawerContent>
> >> > > > > >
> >> > > > > > <j:DrawerFooter height="100">
> >> > > > > > <j:style>
> >> > > > > > <js:SimpleCSSStyles
> backgroundColor="#2C74BE"/>
> >> > > > > > </j:style>
> >> > > > > > <j:BarRow>
> >> > > > > > <j:BarSection>
> >> > > > > > <j:Image id="logo_img" width="100%"/>
> >> > > > > > </j:BarSection>
> >> > > > > > </j:BarRow>
> >> > > > > > </j:DrawerFooter>
> >> > > > > >
> >> > > > > > </j:Drawer>
> >> > > > > >
> >> > > > > > <j:FooterBar localId="footerbar" fixed="true">
> >> > > > > > <j:style>
> >> > > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> >> > > > > > </j:style>
> >> > > > > > <j:BarRow>
> >> > > > > > <j:BarSection>
> >> > > > > >
> >> > > > > >
> >> > > > > > </j:BarSection>
> >> > > > > > <j:BarSection itemsHorizontalAlign="itemsCenter">
> >> > > > > > <html:H3 text="" />
> >> > > > > > </j:BarSection>
> >> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> >> > > > > >
> >> > > > > > </j:BarSection>
> >> > > > > > </j:BarRow>
> >> > > > > > </j:FooterBar>
> >> > > > > >
> >> > > > > >
> >> > > > > > <j:TopAppBar localId="topappbar" fixed="true"
> >> > > > > hasDrawer="{drawer.fixed
> >> > > > > > && drawer.isOpen}">
> >> > > > > > <j:BarRow>
> >> > > > > > <j:BarSection>
> >> > > > > > <j:IconButton click="drawer.isOpen ?
> >> > drawer.close() :
> >> > > > > > drawer.open()">
> >> > > > > > <j:beads>
> >> > > > > > <j:ResponsiveVisibility
> >> > > desktopVisible="false"
> >> > > > > > wideScreenVisible="false" />
> >> > > > > > </j:beads>
> >> > > > > > <j:icon>
> >> > > > > > <js:MaterialIcon
> >> > > text="{MaterialIconType.MENU}"
> >> > > > > />
> >> > > > > > </j:icon>
> >> > > > > > </j:IconButton>
> >> > > > > > <j:BarTitle id="title_bar" text="Home"/>
> >> > > > > > </j:BarSection>
> >> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> >> > > > > >
> >> > > > > > <j:Label localId="learner_name_lbl">
> >> > > > > > <j:style>
> >> > > > > > <js:SimpleCSSStyles fontWeight="bold"
> >> > > > > > color="#FFFFFF" fontSize="15"/>
> >> > > > > > </j:style>
> >> > > > > > </j:Label>
> >> > > > > >
> >> > > > > > <j:ToggleButton id="showHideNotification_btn"
> >> > > > > > click="setFootbar(event)" selected="true">
> >> > > > > > <j:beads>
> >> > > > > > <j:ToolTip toolTip="Show or Hide the
> >> > > > Notification
> >> > > > > > Area"/>
> >> > > > > > </j:beads>
> >> > > > > > <j:icon>
> >> > > > > > <js:MaterialToggleIcon
> >> > > > > > text="{MaterialIconType.VISIBILITY}"
> >> > > > > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> >> > > > > > </j:icon>
> >> > > > > > </j:ToggleButton>
> >> > > > > >
> >> > > > > > <j:ToggleButton click="logout()">
> >> > > > > > <j:beads>
> >> > > > > > <j:ToolTip toolTip="Logout"/>
> >> > > > > > </j:beads>
> >> > > > > > <j:icon>
> >> > > > > > <js:MaterialToggleIcon
> >> > > > > > text="{MaterialIconType.LOCK}"
> >> > > > > selectedText="{MaterialIconType.LOCK_OPEN}"
> >> > > > > > />
> >> > > > > > </j:icon>
> >> > > > > > </j:ToggleButton>
> >> > > > > >
> >> > > > > > </j:BarSection>
> >> > > > > > </j:BarRow>
> >> > > > > > </j:TopAppBar>
> >> > > > > >
> >> > > > > > <j:ApplicationMainContent localId="main"
> >> > hasTopAppBar="true"
> >> > > > > > hasFooterBar="true">
> >> > > > > >
> >> > > > > > <j:ScrollableSectionContent name="home"
> >> > width="100%"
> >> > > > > > height="100%">
> >> > > > > > <view:Content_Home
> >> id="home_panel_content"
> >> > > > > > NETCON="{NETCON}"/>
> >> > > > > > </j:ScrollableSectionContent>
> >> > > > > >
> >> > > > > > <j:ScrollableSectionContent name="my_courses"
> >> > > > > width="100%"
> >> > > > > > height="100%">
> >> > > > > > <view:My_Courses
> >> > > id="my_courses_panel_content"
> >> > > > > > NETCON="{NETCON}"/>
> >> > > > > > </j:ScrollableSectionContent>
> >> > > > > >
> >> > > > > > <j:ScrollableSectionContent name="my_visits"
> >> > > > width="100%"
> >> > > > > > height="100%">
> >> > > > > > <view:My_Visits
> >> > id="my_visits_panel_content"
> >> > > > > > NETCON="{NETCON}"/>
> >> > > > > > </j:ScrollableSectionContent>
> >> > > > > >
> >> > > > > > <j:ScrollableSectionContent name="my_messages"
> >> > > > > > width="100%" height="100%">
> >> > > > > > <view:My_Messages
> >> > > > id="my_messages_panel_content"
> >> > > > > > NETCON="{NETCON}"/>
> >> > > > > > </j:ScrollableSectionContent>
> >> > > > > >
> >> > > > > > <j:ScrollableSectionContent name="my_account"
> >> width="100%"
> >> > > > > > height="100%">
> >> > > > > > <view:My_Account
> >> > > id="my_account_panel_content"
> >> > > > > > NETCON="{NETCON}"/>
> >> > > > > > </j:ScrollableSectionContent>
> >> > > > > >
> >> > > > > > </j:ApplicationMainContent>
> >> > > > > > </j:ApplicationResponsiveView>
> >> > > > > >
> >> > > > > >
> >> > > > > > If I try to add tabIndex="??" to any components and compile I
> >> get
> >> > > this
> >> > > > > > error:
> >> > > > > >
> >> > > > > > <j:Drawer localId="drawer" tabIndex="1">
> >> > > > > > ^
> >> > > > > >
> >> > > > > > 6.5844643 seconds
> >> > > > > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe
> '-jar',
> >> > > > > >
> >> > > > > >
> >> > > > >
> >> > > >
> >> > >
> >> >
> >>
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> >> > > > > > '--sdk',
> >> > > > > >
> >> 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> >> > > > > > '--debug=true', '--project', 'c:\xampp
> >> > > > > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit
> >> code:
> >> > 3.
> >> > > > > >
> >> > > > > > Im thinking it may be my Visual Studio not set up correctly?
> >> > > > > >
> >> > > > > >
> >> > > > > >
> >> > > > > >
> >> > > > > >
> >> > > > > > --
> >> > > > > > Sent from:
> >> http://apache-royale-development.20373.n8.nabble.com/
> >> > > > > >
> >> > > > >
> >> > > > >
> >> > > > > --
> >> > > > > Carlos Rovira
> >> > > > > http://about.me/carlosrovira
> >> > > > >
> >> > > >
> >> > > >
> >> > > > --
> >> > > >
> >> > > > Piotr Zarzycki
> >> > > >
> >> > >
> >> > >
> >> > > --
> >> > > Carlos Rovira
> >> > > http://about.me/carlosrovira
> >> > >
> >> >
> >>
> >>
> >> --
> >> Carlos Rovira
> >> http://about.me/carlosrovira
> >>
> >
>
--
Carlos Rovira
http://about.me/carlosrovira
Re: Tab Index
Posted by Hugo Ferreira <hf...@gmail.com>.
All the issues resume to a "single" one related with rowHeight and DataGrid.
I posted here: https://github.com/apache/royale-asjs/issues/904
Next time I will try to see the first issue and if isolated if is the only
one and post on github.
Can I also continue to also post here or only on github ?
Hugo Ferreira <hf...@gmail.com> escreveu no dia sexta, 4/09/2020
à(s) 11:28:
> 1. OK, I will investigate to isolate and add to github.
> 2. I see now. I will be updating to don't have so many issue at once.
> Update once per week, do you think it's enough ?
>
> Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 4/09/2020
> à(s) 10:56:
>
>> Hi Hugo,
>>
>> I saw the issues. Some things:
>>
>> 1.- Please add them as github issues, since is better to track and fix
>> 2.- Jewel is constant development, so I think is important to keep in the
>> loop at least until we reach 0.9 or 1.0, since still many things must be
>> developed or fixed, and APIs can be fine tuned in the process. Keeping
>> with
>> an old nightly could bring many issues when upgrading. Again, I hope APIs
>> will be freezing as we reach final versions, but for now it's the only way
>> to keep up with the latest while getting a robust library.
>>
>> I hope some of the problems you are having could be finally something that
>> can be updated in your code, and keep you bringing me the ones you don't
>> get solved so I can take a look
>>
>> thanks
>>
>>
>>
>> El vie., 4 sept. 2020 a las 10:40, Hugo Ferreira (<hferreira.80@gmail.com
>> >)
>> escribió:
>>
>> > Hi Carlos,
>> >
>> > Thank you very much to fix the issue related with DataGrid and
>> TextInput.
>> > I just update to last night build and got several new issues that I
>> > reported separated (meanwhile I will try to investigate myself).
>> > I can't test the DataGrid fix because of this issues, that are
>> preventing
>> > my DataGrid to show the data.
>> >
>> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta,
>> 4/09/2020
>> > à(s) 08:33:
>> >
>> > > Hi Mike,
>> > >
>> > > yesterday solved a bug in list keyboard handling that was causing
>> > keyboard
>> > > not working as expected in list and datagrid, so ensure you grab the
>> > > nightly that has that fixes.
>> > >
>> > > Thanks
>> > >
>> > > El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
>> > > piotrzarzycki21@gmail.com>) escribió:
>> > >
>> > > > Hi Mike,
>> > > >
>> > > > You can download easy Nightly using Moonshine SDK Installer - using
>> > > couple
>> > > > of clicks. Check out Moonshine to get more.
>> > > >
>> > > > Thanks,
>> > > > Piotr
>> > > >
>> > > > śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
>> > > > napisał(a):
>> > > >
>> > > > > Hi Mike,
>> > > > > your problem is related to the version 0.9.7.
>> > > > > I think I added tabIndex post 0.9.7, so you'll need to use a
>> nightly
>> > > > build
>> > > > > with the latest [1].
>> > > > >
>> > > > > IMHO, I think it is better to use nightly build or build from
>> sources
>> > > at
>> > > > > least until we reach 1.0 and all be more settled, but all days we
>> > > improve
>> > > > > Royale, so sticking with a version means to quickly be out of
>> date.
>> > > v1.0
>> > > > > will mean things more stable (hopefully).
>> > > > >
>> > > > > [1] https://royale.apache.org/get-involved/
>> > > > >
>> > > > > El mié., 2 sept. 2020 a las 17:59, MikeH
>> > > > > (<mi...@googlemail.com.invalid>) escribió:
>> > > > >
>> > > > > > Hi Carlos, sorry for the delay in replying I have been out of
>> town.
>> > > > > >
>> > > > > > The Royale application is getting quite large now so I wont be
>> able
>> > > to
>> > > > > > include it all, its a conversion from an existing Flex
>> Application.
>> > > > > >
>> > > > > > First my development environment is:
>> > > > > >
>> > > > > > Royale SDK apache-royale-0.9.7-bin-js-swf
>> > > > > > IDE is Visual Studio Code
>> > > > > > OS is Windows 10
>> > > > > >
>> > > > > >
>> > > > > > The Royale application is defined as a Jewel application like
>> so:
>> > > > > >
>> > > > > > <?xml version="1.0" encoding="utf-8"?>
>> > > > > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
>> > > > > > xmlns:j="library://
>> > > > ns.apache.org/royale/jewel
>> > > > > "
>> > > > > > xmlns:js="library://
>> > > > > ns.apache.org/royale/basic"
>> > > > > >
>> > > > > > xmlns:mx="library://
>> > > ns.apache.org/royale/mx
>> > > > "
>> > > > > > xmlns:local="*"
>> > > > > > xmlns:view="view.*"
>> > > > > > xmlns:controller="controller.*"
>> > > > > > initialize="initApp()">
>> > > > > >
>> > > > > > <fx:Style source="resources/defaults.css"/>
>> > > > > >
>> > > > > > <fx:Script>
>> > > > > >
>> > > > > > </fx:Script>
>> > > > > > <j:beads>
>> > > > > > <js:ClassAliasBead />
>> > > > > > <js:ParentDocumentBead/>
>> > > > > > <js:ApplicationDataBinding/>
>> > > > > > <js:URLParameterBead id="appParams"/>
>> > > > > > </j:beads>
>> > > > > > <
>> > > > > > <fx:Declarations>
>> > > > > >
>> > > > > > </fx:Declarations>
>> > > > > > <j:valuesImpl>
>> > > > > > <js:SimpleCSSValuesImpl />
>> > > > > > </j:valuesImpl>
>> > > > > >
>> > > > > > <j:initialView>
>> > > > > > <view:Dashboard id="dashboard"
>> > > > > >
>> thisParent="{this}"
>> > > > > >
>> > hostName="{hostName}"
>> > > > > >
>> userid="{userid}"/>
>> > > > > > </j:initialView>
>> > > > > > </j:Application>
>> > > > > >
>> > > > > >
>> > > > > > The Dashboard view is basically the same layout as in
>> TourDeJewel:
>> > > > > >
>> > > > > > <?xml version="1.0" encoding="utf-8"?>
>> > > > > > <j:ApplicationResponsiveView
>> > > > > > xmlns:fx="http://ns.adobe.com/mxml/2009"
>> > > > > > xmlns:j="library://ns.apache.org/royale/jewel"
>> > > > > > xmlns:js="library://ns.apache.org/royale/basic"
>> > > > > > xmlns:html="library://ns.apache.org/royale/html"
>> > > > > > xmlns:mx="library://ns.adobe.com/flex/mx"
>> > > > > > xmlns:view="view.*"
>> > > > > > xmlns:local="*"
>> > > > > > xmlns:vo="*"
>> > > > > > xmlns:models="models.*"
>> > > > > > initComplete="init()">
>> > > > > >
>> > > > > > <fx:Script>
>> > > > > >
>> > > > > > </fx:Script>
>> > > > > >
>> > > > > > <j:model>
>> > > > > > <models:MainNavigationModel
>> localId="mainNavigationModel"/>
>> > > > > > </j:model>
>> > > > > >
>> > > > > > <j:beads>
>> > > > > > <js:Router localId="router" stateChange="hashChanged()"
>> />
>> > > > > > <js:ContainerDataBinding/>
>> > > > > > <js:BrowserOrientation localId="bo"/>
>> > > > > > <j:CleanValidationErrors/>
>> > > > > > </j:beads>
>> > > > > >
>> > > > > >
>> > > > > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
>> > > > > > <j:beads>
>> > > > > > <j:ResponsiveDrawer auto="true"/>
>> > > > > > </j:beads>
>> > > > > > <j:DrawerHeader>
>> > > > > > <j:ImageButton id="logo_button_btn"/>
>> > > > > > </j:DrawerHeader>
>> > > > > > <j:DrawerContent>
>> > > > > > <j:Navigation localId="containerNavigation"
>> > > > > > className="navIconLinkItemRenderer"
>> > change="navChangeHandler(event)">
>> > > > > > <j:beads>
>> > > > > > <js:ConstantBinding
>> > > sourceID="mainNavigationModel"
>> > > > > > sourcePropertyName="containerDrawerNavigation"
>> > > > > > destinationPropertyName="dataProvider"/>
>> > > > > > <j:NavigationActionNotifier/>
>> > > > > >
>> > > > > > </j:beads>
>> > > > > >
>> > > > > > </j:Navigation>
>> > > > > >
>> > > > > > </j:DrawerContent>
>> > > > > >
>> > > > > > <j:DrawerFooter height="100">
>> > > > > > <j:style>
>> > > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
>> > > > > > </j:style>
>> > > > > > <j:BarRow>
>> > > > > > <j:BarSection>
>> > > > > > <j:Image id="logo_img" width="100%"/>
>> > > > > > </j:BarSection>
>> > > > > > </j:BarRow>
>> > > > > > </j:DrawerFooter>
>> > > > > >
>> > > > > > </j:Drawer>
>> > > > > >
>> > > > > > <j:FooterBar localId="footerbar" fixed="true">
>> > > > > > <j:style>
>> > > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
>> > > > > > </j:style>
>> > > > > > <j:BarRow>
>> > > > > > <j:BarSection>
>> > > > > >
>> > > > > >
>> > > > > > </j:BarSection>
>> > > > > > <j:BarSection itemsHorizontalAlign="itemsCenter">
>> > > > > > <html:H3 text="" />
>> > > > > > </j:BarSection>
>> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
>> > > > > >
>> > > > > > </j:BarSection>
>> > > > > > </j:BarRow>
>> > > > > > </j:FooterBar>
>> > > > > >
>> > > > > >
>> > > > > > <j:TopAppBar localId="topappbar" fixed="true"
>> > > > > hasDrawer="{drawer.fixed
>> > > > > > && drawer.isOpen}">
>> > > > > > <j:BarRow>
>> > > > > > <j:BarSection>
>> > > > > > <j:IconButton click="drawer.isOpen ?
>> > drawer.close() :
>> > > > > > drawer.open()">
>> > > > > > <j:beads>
>> > > > > > <j:ResponsiveVisibility
>> > > desktopVisible="false"
>> > > > > > wideScreenVisible="false" />
>> > > > > > </j:beads>
>> > > > > > <j:icon>
>> > > > > > <js:MaterialIcon
>> > > text="{MaterialIconType.MENU}"
>> > > > > />
>> > > > > > </j:icon>
>> > > > > > </j:IconButton>
>> > > > > > <j:BarTitle id="title_bar" text="Home"/>
>> > > > > > </j:BarSection>
>> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
>> > > > > >
>> > > > > > <j:Label localId="learner_name_lbl">
>> > > > > > <j:style>
>> > > > > > <js:SimpleCSSStyles fontWeight="bold"
>> > > > > > color="#FFFFFF" fontSize="15"/>
>> > > > > > </j:style>
>> > > > > > </j:Label>
>> > > > > >
>> > > > > > <j:ToggleButton id="showHideNotification_btn"
>> > > > > > click="setFootbar(event)" selected="true">
>> > > > > > <j:beads>
>> > > > > > <j:ToolTip toolTip="Show or Hide the
>> > > > Notification
>> > > > > > Area"/>
>> > > > > > </j:beads>
>> > > > > > <j:icon>
>> > > > > > <js:MaterialToggleIcon
>> > > > > > text="{MaterialIconType.VISIBILITY}"
>> > > > > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
>> > > > > > </j:icon>
>> > > > > > </j:ToggleButton>
>> > > > > >
>> > > > > > <j:ToggleButton click="logout()">
>> > > > > > <j:beads>
>> > > > > > <j:ToolTip toolTip="Logout"/>
>> > > > > > </j:beads>
>> > > > > > <j:icon>
>> > > > > > <js:MaterialToggleIcon
>> > > > > > text="{MaterialIconType.LOCK}"
>> > > > > selectedText="{MaterialIconType.LOCK_OPEN}"
>> > > > > > />
>> > > > > > </j:icon>
>> > > > > > </j:ToggleButton>
>> > > > > >
>> > > > > > </j:BarSection>
>> > > > > > </j:BarRow>
>> > > > > > </j:TopAppBar>
>> > > > > >
>> > > > > > <j:ApplicationMainContent localId="main"
>> > hasTopAppBar="true"
>> > > > > > hasFooterBar="true">
>> > > > > >
>> > > > > > <j:ScrollableSectionContent name="home"
>> > width="100%"
>> > > > > > height="100%">
>> > > > > > <view:Content_Home
>> id="home_panel_content"
>> > > > > > NETCON="{NETCON}"/>
>> > > > > > </j:ScrollableSectionContent>
>> > > > > >
>> > > > > > <j:ScrollableSectionContent name="my_courses"
>> > > > > width="100%"
>> > > > > > height="100%">
>> > > > > > <view:My_Courses
>> > > id="my_courses_panel_content"
>> > > > > > NETCON="{NETCON}"/>
>> > > > > > </j:ScrollableSectionContent>
>> > > > > >
>> > > > > > <j:ScrollableSectionContent name="my_visits"
>> > > > width="100%"
>> > > > > > height="100%">
>> > > > > > <view:My_Visits
>> > id="my_visits_panel_content"
>> > > > > > NETCON="{NETCON}"/>
>> > > > > > </j:ScrollableSectionContent>
>> > > > > >
>> > > > > > <j:ScrollableSectionContent name="my_messages"
>> > > > > > width="100%" height="100%">
>> > > > > > <view:My_Messages
>> > > > id="my_messages_panel_content"
>> > > > > > NETCON="{NETCON}"/>
>> > > > > > </j:ScrollableSectionContent>
>> > > > > >
>> > > > > > <j:ScrollableSectionContent name="my_account"
>> width="100%"
>> > > > > > height="100%">
>> > > > > > <view:My_Account
>> > > id="my_account_panel_content"
>> > > > > > NETCON="{NETCON}"/>
>> > > > > > </j:ScrollableSectionContent>
>> > > > > >
>> > > > > > </j:ApplicationMainContent>
>> > > > > > </j:ApplicationResponsiveView>
>> > > > > >
>> > > > > >
>> > > > > > If I try to add tabIndex="??" to any components and compile I
>> get
>> > > this
>> > > > > > error:
>> > > > > >
>> > > > > > <j:Drawer localId="drawer" tabIndex="1">
>> > > > > > ^
>> > > > > >
>> > > > > > 6.5844643 seconds
>> > > > > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
>> > > > > >
>> > > > > >
>> > > > >
>> > > >
>> > >
>> >
>> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
>> > > > > > '--sdk',
>> > > > > >
>> 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
>> > > > > > '--debug=true', '--project', 'c:\xampp
>> > > > > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit
>> code:
>> > 3.
>> > > > > >
>> > > > > > Im thinking it may be my Visual Studio not set up correctly?
>> > > > > >
>> > > > > >
>> > > > > >
>> > > > > >
>> > > > > >
>> > > > > > --
>> > > > > > Sent from:
>> http://apache-royale-development.20373.n8.nabble.com/
>> > > > > >
>> > > > >
>> > > > >
>> > > > > --
>> > > > > Carlos Rovira
>> > > > > http://about.me/carlosrovira
>> > > > >
>> > > >
>> > > >
>> > > > --
>> > > >
>> > > > Piotr Zarzycki
>> > > >
>> > >
>> > >
>> > > --
>> > > Carlos Rovira
>> > > http://about.me/carlosrovira
>> > >
>> >
>>
>>
>> --
>> Carlos Rovira
>> http://about.me/carlosrovira
>>
>
Re: Tab Index
Posted by Hugo Ferreira <hf...@gmail.com>.
1. OK, I will investigate to isolate and add to github.
2. I see now. I will be updating to don't have so many issue at once.
Update once per week, do you think it's enough ?
Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 4/09/2020
à(s) 10:56:
> Hi Hugo,
>
> I saw the issues. Some things:
>
> 1.- Please add them as github issues, since is better to track and fix
> 2.- Jewel is constant development, so I think is important to keep in the
> loop at least until we reach 0.9 or 1.0, since still many things must be
> developed or fixed, and APIs can be fine tuned in the process. Keeping with
> an old nightly could bring many issues when upgrading. Again, I hope APIs
> will be freezing as we reach final versions, but for now it's the only way
> to keep up with the latest while getting a robust library.
>
> I hope some of the problems you are having could be finally something that
> can be updated in your code, and keep you bringing me the ones you don't
> get solved so I can take a look
>
> thanks
>
>
>
> El vie., 4 sept. 2020 a las 10:40, Hugo Ferreira (<hferreira.80@gmail.com
> >)
> escribió:
>
> > Hi Carlos,
> >
> > Thank you very much to fix the issue related with DataGrid and TextInput.
> > I just update to last night build and got several new issues that I
> > reported separated (meanwhile I will try to investigate myself).
> > I can't test the DataGrid fix because of this issues, that are preventing
> > my DataGrid to show the data.
> >
> > Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 4/09/2020
> > à(s) 08:33:
> >
> > > Hi Mike,
> > >
> > > yesterday solved a bug in list keyboard handling that was causing
> > keyboard
> > > not working as expected in list and datagrid, so ensure you grab the
> > > nightly that has that fixes.
> > >
> > > Thanks
> > >
> > > El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
> > > piotrzarzycki21@gmail.com>) escribió:
> > >
> > > > Hi Mike,
> > > >
> > > > You can download easy Nightly using Moonshine SDK Installer - using
> > > couple
> > > > of clicks. Check out Moonshine to get more.
> > > >
> > > > Thanks,
> > > > Piotr
> > > >
> > > > śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
> > > > napisał(a):
> > > >
> > > > > Hi Mike,
> > > > > your problem is related to the version 0.9.7.
> > > > > I think I added tabIndex post 0.9.7, so you'll need to use a
> nightly
> > > > build
> > > > > with the latest [1].
> > > > >
> > > > > IMHO, I think it is better to use nightly build or build from
> sources
> > > at
> > > > > least until we reach 1.0 and all be more settled, but all days we
> > > improve
> > > > > Royale, so sticking with a version means to quickly be out of date.
> > > v1.0
> > > > > will mean things more stable (hopefully).
> > > > >
> > > > > [1] https://royale.apache.org/get-involved/
> > > > >
> > > > > El mié., 2 sept. 2020 a las 17:59, MikeH
> > > > > (<mi...@googlemail.com.invalid>) escribió:
> > > > >
> > > > > > Hi Carlos, sorry for the delay in replying I have been out of
> town.
> > > > > >
> > > > > > The Royale application is getting quite large now so I wont be
> able
> > > to
> > > > > > include it all, its a conversion from an existing Flex
> Application.
> > > > > >
> > > > > > First my development environment is:
> > > > > >
> > > > > > Royale SDK apache-royale-0.9.7-bin-js-swf
> > > > > > IDE is Visual Studio Code
> > > > > > OS is Windows 10
> > > > > >
> > > > > >
> > > > > > The Royale application is defined as a Jewel application like so:
> > > > > >
> > > > > > <?xml version="1.0" encoding="utf-8"?>
> > > > > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > > > > xmlns:j="library://
> > > > ns.apache.org/royale/jewel
> > > > > "
> > > > > > xmlns:js="library://
> > > > > ns.apache.org/royale/basic"
> > > > > >
> > > > > > xmlns:mx="library://
> > > ns.apache.org/royale/mx
> > > > "
> > > > > > xmlns:local="*"
> > > > > > xmlns:view="view.*"
> > > > > > xmlns:controller="controller.*"
> > > > > > initialize="initApp()">
> > > > > >
> > > > > > <fx:Style source="resources/defaults.css"/>
> > > > > >
> > > > > > <fx:Script>
> > > > > >
> > > > > > </fx:Script>
> > > > > > <j:beads>
> > > > > > <js:ClassAliasBead />
> > > > > > <js:ParentDocumentBead/>
> > > > > > <js:ApplicationDataBinding/>
> > > > > > <js:URLParameterBead id="appParams"/>
> > > > > > </j:beads>
> > > > > > <
> > > > > > <fx:Declarations>
> > > > > >
> > > > > > </fx:Declarations>
> > > > > > <j:valuesImpl>
> > > > > > <js:SimpleCSSValuesImpl />
> > > > > > </j:valuesImpl>
> > > > > >
> > > > > > <j:initialView>
> > > > > > <view:Dashboard id="dashboard"
> > > > > >
> thisParent="{this}"
> > > > > >
> > hostName="{hostName}"
> > > > > >
> userid="{userid}"/>
> > > > > > </j:initialView>
> > > > > > </j:Application>
> > > > > >
> > > > > >
> > > > > > The Dashboard view is basically the same layout as in
> TourDeJewel:
> > > > > >
> > > > > > <?xml version="1.0" encoding="utf-8"?>
> > > > > > <j:ApplicationResponsiveView
> > > > > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > > > > xmlns:j="library://ns.apache.org/royale/jewel"
> > > > > > xmlns:js="library://ns.apache.org/royale/basic"
> > > > > > xmlns:html="library://ns.apache.org/royale/html"
> > > > > > xmlns:mx="library://ns.adobe.com/flex/mx"
> > > > > > xmlns:view="view.*"
> > > > > > xmlns:local="*"
> > > > > > xmlns:vo="*"
> > > > > > xmlns:models="models.*"
> > > > > > initComplete="init()">
> > > > > >
> > > > > > <fx:Script>
> > > > > >
> > > > > > </fx:Script>
> > > > > >
> > > > > > <j:model>
> > > > > > <models:MainNavigationModel
> localId="mainNavigationModel"/>
> > > > > > </j:model>
> > > > > >
> > > > > > <j:beads>
> > > > > > <js:Router localId="router" stateChange="hashChanged()"
> />
> > > > > > <js:ContainerDataBinding/>
> > > > > > <js:BrowserOrientation localId="bo"/>
> > > > > > <j:CleanValidationErrors/>
> > > > > > </j:beads>
> > > > > >
> > > > > >
> > > > > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> > > > > > <j:beads>
> > > > > > <j:ResponsiveDrawer auto="true"/>
> > > > > > </j:beads>
> > > > > > <j:DrawerHeader>
> > > > > > <j:ImageButton id="logo_button_btn"/>
> > > > > > </j:DrawerHeader>
> > > > > > <j:DrawerContent>
> > > > > > <j:Navigation localId="containerNavigation"
> > > > > > className="navIconLinkItemRenderer"
> > change="navChangeHandler(event)">
> > > > > > <j:beads>
> > > > > > <js:ConstantBinding
> > > sourceID="mainNavigationModel"
> > > > > > sourcePropertyName="containerDrawerNavigation"
> > > > > > destinationPropertyName="dataProvider"/>
> > > > > > <j:NavigationActionNotifier/>
> > > > > >
> > > > > > </j:beads>
> > > > > >
> > > > > > </j:Navigation>
> > > > > >
> > > > > > </j:DrawerContent>
> > > > > >
> > > > > > <j:DrawerFooter height="100">
> > > > > > <j:style>
> > > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > > > > </j:style>
> > > > > > <j:BarRow>
> > > > > > <j:BarSection>
> > > > > > <j:Image id="logo_img" width="100%"/>
> > > > > > </j:BarSection>
> > > > > > </j:BarRow>
> > > > > > </j:DrawerFooter>
> > > > > >
> > > > > > </j:Drawer>
> > > > > >
> > > > > > <j:FooterBar localId="footerbar" fixed="true">
> > > > > > <j:style>
> > > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > > > > </j:style>
> > > > > > <j:BarRow>
> > > > > > <j:BarSection>
> > > > > >
> > > > > >
> > > > > > </j:BarSection>
> > > > > > <j:BarSection itemsHorizontalAlign="itemsCenter">
> > > > > > <html:H3 text="" />
> > > > > > </j:BarSection>
> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > > > > >
> > > > > > </j:BarSection>
> > > > > > </j:BarRow>
> > > > > > </j:FooterBar>
> > > > > >
> > > > > >
> > > > > > <j:TopAppBar localId="topappbar" fixed="true"
> > > > > hasDrawer="{drawer.fixed
> > > > > > && drawer.isOpen}">
> > > > > > <j:BarRow>
> > > > > > <j:BarSection>
> > > > > > <j:IconButton click="drawer.isOpen ?
> > drawer.close() :
> > > > > > drawer.open()">
> > > > > > <j:beads>
> > > > > > <j:ResponsiveVisibility
> > > desktopVisible="false"
> > > > > > wideScreenVisible="false" />
> > > > > > </j:beads>
> > > > > > <j:icon>
> > > > > > <js:MaterialIcon
> > > text="{MaterialIconType.MENU}"
> > > > > />
> > > > > > </j:icon>
> > > > > > </j:IconButton>
> > > > > > <j:BarTitle id="title_bar" text="Home"/>
> > > > > > </j:BarSection>
> > > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > > > > >
> > > > > > <j:Label localId="learner_name_lbl">
> > > > > > <j:style>
> > > > > > <js:SimpleCSSStyles fontWeight="bold"
> > > > > > color="#FFFFFF" fontSize="15"/>
> > > > > > </j:style>
> > > > > > </j:Label>
> > > > > >
> > > > > > <j:ToggleButton id="showHideNotification_btn"
> > > > > > click="setFootbar(event)" selected="true">
> > > > > > <j:beads>
> > > > > > <j:ToolTip toolTip="Show or Hide the
> > > > Notification
> > > > > > Area"/>
> > > > > > </j:beads>
> > > > > > <j:icon>
> > > > > > <js:MaterialToggleIcon
> > > > > > text="{MaterialIconType.VISIBILITY}"
> > > > > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> > > > > > </j:icon>
> > > > > > </j:ToggleButton>
> > > > > >
> > > > > > <j:ToggleButton click="logout()">
> > > > > > <j:beads>
> > > > > > <j:ToolTip toolTip="Logout"/>
> > > > > > </j:beads>
> > > > > > <j:icon>
> > > > > > <js:MaterialToggleIcon
> > > > > > text="{MaterialIconType.LOCK}"
> > > > > selectedText="{MaterialIconType.LOCK_OPEN}"
> > > > > > />
> > > > > > </j:icon>
> > > > > > </j:ToggleButton>
> > > > > >
> > > > > > </j:BarSection>
> > > > > > </j:BarRow>
> > > > > > </j:TopAppBar>
> > > > > >
> > > > > > <j:ApplicationMainContent localId="main"
> > hasTopAppBar="true"
> > > > > > hasFooterBar="true">
> > > > > >
> > > > > > <j:ScrollableSectionContent name="home"
> > width="100%"
> > > > > > height="100%">
> > > > > > <view:Content_Home
> id="home_panel_content"
> > > > > > NETCON="{NETCON}"/>
> > > > > > </j:ScrollableSectionContent>
> > > > > >
> > > > > > <j:ScrollableSectionContent name="my_courses"
> > > > > width="100%"
> > > > > > height="100%">
> > > > > > <view:My_Courses
> > > id="my_courses_panel_content"
> > > > > > NETCON="{NETCON}"/>
> > > > > > </j:ScrollableSectionContent>
> > > > > >
> > > > > > <j:ScrollableSectionContent name="my_visits"
> > > > width="100%"
> > > > > > height="100%">
> > > > > > <view:My_Visits
> > id="my_visits_panel_content"
> > > > > > NETCON="{NETCON}"/>
> > > > > > </j:ScrollableSectionContent>
> > > > > >
> > > > > > <j:ScrollableSectionContent name="my_messages"
> > > > > > width="100%" height="100%">
> > > > > > <view:My_Messages
> > > > id="my_messages_panel_content"
> > > > > > NETCON="{NETCON}"/>
> > > > > > </j:ScrollableSectionContent>
> > > > > >
> > > > > > <j:ScrollableSectionContent name="my_account"
> width="100%"
> > > > > > height="100%">
> > > > > > <view:My_Account
> > > id="my_account_panel_content"
> > > > > > NETCON="{NETCON}"/>
> > > > > > </j:ScrollableSectionContent>
> > > > > >
> > > > > > </j:ApplicationMainContent>
> > > > > > </j:ApplicationResponsiveView>
> > > > > >
> > > > > >
> > > > > > If I try to add tabIndex="??" to any components and compile I get
> > > this
> > > > > > error:
> > > > > >
> > > > > > <j:Drawer localId="drawer" tabIndex="1">
> > > > > > ^
> > > > > >
> > > > > > 6.5844643 seconds
> > > > > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
> > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> > > > > > '--sdk',
> > > > > >
> 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> > > > > > '--debug=true', '--project', 'c:\xampp
> > > > > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit
> code:
> > 3.
> > > > > >
> > > > > > Im thinking it may be my Visual Studio not set up correctly?
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > > --
> > > > > > Sent from: http://apache-royale-development.20373.n8.nabble.com/
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Carlos Rovira
> > > > > http://about.me/carlosrovira
> > > > >
> > > >
> > > >
> > > > --
> > > >
> > > > Piotr Zarzycki
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
Re: Tab Index
Posted by Carlos Rovira <ca...@apache.org>.
Hi Hugo,
I saw the issues. Some things:
1.- Please add them as github issues, since is better to track and fix
2.- Jewel is constant development, so I think is important to keep in the
loop at least until we reach 0.9 or 1.0, since still many things must be
developed or fixed, and APIs can be fine tuned in the process. Keeping with
an old nightly could bring many issues when upgrading. Again, I hope APIs
will be freezing as we reach final versions, but for now it's the only way
to keep up with the latest while getting a robust library.
I hope some of the problems you are having could be finally something that
can be updated in your code, and keep you bringing me the ones you don't
get solved so I can take a look
thanks
El vie., 4 sept. 2020 a las 10:40, Hugo Ferreira (<hf...@gmail.com>)
escribió:
> Hi Carlos,
>
> Thank you very much to fix the issue related with DataGrid and TextInput.
> I just update to last night build and got several new issues that I
> reported separated (meanwhile I will try to investigate myself).
> I can't test the DataGrid fix because of this issues, that are preventing
> my DataGrid to show the data.
>
> Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 4/09/2020
> à(s) 08:33:
>
> > Hi Mike,
> >
> > yesterday solved a bug in list keyboard handling that was causing
> keyboard
> > not working as expected in list and datagrid, so ensure you grab the
> > nightly that has that fixes.
> >
> > Thanks
> >
> > El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
> > piotrzarzycki21@gmail.com>) escribió:
> >
> > > Hi Mike,
> > >
> > > You can download easy Nightly using Moonshine SDK Installer - using
> > couple
> > > of clicks. Check out Moonshine to get more.
> > >
> > > Thanks,
> > > Piotr
> > >
> > > śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
> > > napisał(a):
> > >
> > > > Hi Mike,
> > > > your problem is related to the version 0.9.7.
> > > > I think I added tabIndex post 0.9.7, so you'll need to use a nightly
> > > build
> > > > with the latest [1].
> > > >
> > > > IMHO, I think it is better to use nightly build or build from sources
> > at
> > > > least until we reach 1.0 and all be more settled, but all days we
> > improve
> > > > Royale, so sticking with a version means to quickly be out of date.
> > v1.0
> > > > will mean things more stable (hopefully).
> > > >
> > > > [1] https://royale.apache.org/get-involved/
> > > >
> > > > El mié., 2 sept. 2020 a las 17:59, MikeH
> > > > (<mi...@googlemail.com.invalid>) escribió:
> > > >
> > > > > Hi Carlos, sorry for the delay in replying I have been out of town.
> > > > >
> > > > > The Royale application is getting quite large now so I wont be able
> > to
> > > > > include it all, its a conversion from an existing Flex Application.
> > > > >
> > > > > First my development environment is:
> > > > >
> > > > > Royale SDK apache-royale-0.9.7-bin-js-swf
> > > > > IDE is Visual Studio Code
> > > > > OS is Windows 10
> > > > >
> > > > >
> > > > > The Royale application is defined as a Jewel application like so:
> > > > >
> > > > > <?xml version="1.0" encoding="utf-8"?>
> > > > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > > > xmlns:j="library://
> > > ns.apache.org/royale/jewel
> > > > "
> > > > > xmlns:js="library://
> > > > ns.apache.org/royale/basic"
> > > > >
> > > > > xmlns:mx="library://
> > ns.apache.org/royale/mx
> > > "
> > > > > xmlns:local="*"
> > > > > xmlns:view="view.*"
> > > > > xmlns:controller="controller.*"
> > > > > initialize="initApp()">
> > > > >
> > > > > <fx:Style source="resources/defaults.css"/>
> > > > >
> > > > > <fx:Script>
> > > > >
> > > > > </fx:Script>
> > > > > <j:beads>
> > > > > <js:ClassAliasBead />
> > > > > <js:ParentDocumentBead/>
> > > > > <js:ApplicationDataBinding/>
> > > > > <js:URLParameterBead id="appParams"/>
> > > > > </j:beads>
> > > > > <
> > > > > <fx:Declarations>
> > > > >
> > > > > </fx:Declarations>
> > > > > <j:valuesImpl>
> > > > > <js:SimpleCSSValuesImpl />
> > > > > </j:valuesImpl>
> > > > >
> > > > > <j:initialView>
> > > > > <view:Dashboard id="dashboard"
> > > > > thisParent="{this}"
> > > > >
> hostName="{hostName}"
> > > > > userid="{userid}"/>
> > > > > </j:initialView>
> > > > > </j:Application>
> > > > >
> > > > >
> > > > > The Dashboard view is basically the same layout as in TourDeJewel:
> > > > >
> > > > > <?xml version="1.0" encoding="utf-8"?>
> > > > > <j:ApplicationResponsiveView
> > > > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > > > xmlns:j="library://ns.apache.org/royale/jewel"
> > > > > xmlns:js="library://ns.apache.org/royale/basic"
> > > > > xmlns:html="library://ns.apache.org/royale/html"
> > > > > xmlns:mx="library://ns.adobe.com/flex/mx"
> > > > > xmlns:view="view.*"
> > > > > xmlns:local="*"
> > > > > xmlns:vo="*"
> > > > > xmlns:models="models.*"
> > > > > initComplete="init()">
> > > > >
> > > > > <fx:Script>
> > > > >
> > > > > </fx:Script>
> > > > >
> > > > > <j:model>
> > > > > <models:MainNavigationModel localId="mainNavigationModel"/>
> > > > > </j:model>
> > > > >
> > > > > <j:beads>
> > > > > <js:Router localId="router" stateChange="hashChanged()" />
> > > > > <js:ContainerDataBinding/>
> > > > > <js:BrowserOrientation localId="bo"/>
> > > > > <j:CleanValidationErrors/>
> > > > > </j:beads>
> > > > >
> > > > >
> > > > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> > > > > <j:beads>
> > > > > <j:ResponsiveDrawer auto="true"/>
> > > > > </j:beads>
> > > > > <j:DrawerHeader>
> > > > > <j:ImageButton id="logo_button_btn"/>
> > > > > </j:DrawerHeader>
> > > > > <j:DrawerContent>
> > > > > <j:Navigation localId="containerNavigation"
> > > > > className="navIconLinkItemRenderer"
> change="navChangeHandler(event)">
> > > > > <j:beads>
> > > > > <js:ConstantBinding
> > sourceID="mainNavigationModel"
> > > > > sourcePropertyName="containerDrawerNavigation"
> > > > > destinationPropertyName="dataProvider"/>
> > > > > <j:NavigationActionNotifier/>
> > > > >
> > > > > </j:beads>
> > > > >
> > > > > </j:Navigation>
> > > > >
> > > > > </j:DrawerContent>
> > > > >
> > > > > <j:DrawerFooter height="100">
> > > > > <j:style>
> > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > > > </j:style>
> > > > > <j:BarRow>
> > > > > <j:BarSection>
> > > > > <j:Image id="logo_img" width="100%"/>
> > > > > </j:BarSection>
> > > > > </j:BarRow>
> > > > > </j:DrawerFooter>
> > > > >
> > > > > </j:Drawer>
> > > > >
> > > > > <j:FooterBar localId="footerbar" fixed="true">
> > > > > <j:style>
> > > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > > > </j:style>
> > > > > <j:BarRow>
> > > > > <j:BarSection>
> > > > >
> > > > >
> > > > > </j:BarSection>
> > > > > <j:BarSection itemsHorizontalAlign="itemsCenter">
> > > > > <html:H3 text="" />
> > > > > </j:BarSection>
> > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > > > >
> > > > > </j:BarSection>
> > > > > </j:BarRow>
> > > > > </j:FooterBar>
> > > > >
> > > > >
> > > > > <j:TopAppBar localId="topappbar" fixed="true"
> > > > hasDrawer="{drawer.fixed
> > > > > && drawer.isOpen}">
> > > > > <j:BarRow>
> > > > > <j:BarSection>
> > > > > <j:IconButton click="drawer.isOpen ?
> drawer.close() :
> > > > > drawer.open()">
> > > > > <j:beads>
> > > > > <j:ResponsiveVisibility
> > desktopVisible="false"
> > > > > wideScreenVisible="false" />
> > > > > </j:beads>
> > > > > <j:icon>
> > > > > <js:MaterialIcon
> > text="{MaterialIconType.MENU}"
> > > > />
> > > > > </j:icon>
> > > > > </j:IconButton>
> > > > > <j:BarTitle id="title_bar" text="Home"/>
> > > > > </j:BarSection>
> > > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > > > >
> > > > > <j:Label localId="learner_name_lbl">
> > > > > <j:style>
> > > > > <js:SimpleCSSStyles fontWeight="bold"
> > > > > color="#FFFFFF" fontSize="15"/>
> > > > > </j:style>
> > > > > </j:Label>
> > > > >
> > > > > <j:ToggleButton id="showHideNotification_btn"
> > > > > click="setFootbar(event)" selected="true">
> > > > > <j:beads>
> > > > > <j:ToolTip toolTip="Show or Hide the
> > > Notification
> > > > > Area"/>
> > > > > </j:beads>
> > > > > <j:icon>
> > > > > <js:MaterialToggleIcon
> > > > > text="{MaterialIconType.VISIBILITY}"
> > > > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> > > > > </j:icon>
> > > > > </j:ToggleButton>
> > > > >
> > > > > <j:ToggleButton click="logout()">
> > > > > <j:beads>
> > > > > <j:ToolTip toolTip="Logout"/>
> > > > > </j:beads>
> > > > > <j:icon>
> > > > > <js:MaterialToggleIcon
> > > > > text="{MaterialIconType.LOCK}"
> > > > selectedText="{MaterialIconType.LOCK_OPEN}"
> > > > > />
> > > > > </j:icon>
> > > > > </j:ToggleButton>
> > > > >
> > > > > </j:BarSection>
> > > > > </j:BarRow>
> > > > > </j:TopAppBar>
> > > > >
> > > > > <j:ApplicationMainContent localId="main"
> hasTopAppBar="true"
> > > > > hasFooterBar="true">
> > > > >
> > > > > <j:ScrollableSectionContent name="home"
> width="100%"
> > > > > height="100%">
> > > > > <view:Content_Home id="home_panel_content"
> > > > > NETCON="{NETCON}"/>
> > > > > </j:ScrollableSectionContent>
> > > > >
> > > > > <j:ScrollableSectionContent name="my_courses"
> > > > width="100%"
> > > > > height="100%">
> > > > > <view:My_Courses
> > id="my_courses_panel_content"
> > > > > NETCON="{NETCON}"/>
> > > > > </j:ScrollableSectionContent>
> > > > >
> > > > > <j:ScrollableSectionContent name="my_visits"
> > > width="100%"
> > > > > height="100%">
> > > > > <view:My_Visits
> id="my_visits_panel_content"
> > > > > NETCON="{NETCON}"/>
> > > > > </j:ScrollableSectionContent>
> > > > >
> > > > > <j:ScrollableSectionContent name="my_messages"
> > > > > width="100%" height="100%">
> > > > > <view:My_Messages
> > > id="my_messages_panel_content"
> > > > > NETCON="{NETCON}"/>
> > > > > </j:ScrollableSectionContent>
> > > > >
> > > > > <j:ScrollableSectionContent name="my_account" width="100%"
> > > > > height="100%">
> > > > > <view:My_Account
> > id="my_account_panel_content"
> > > > > NETCON="{NETCON}"/>
> > > > > </j:ScrollableSectionContent>
> > > > >
> > > > > </j:ApplicationMainContent>
> > > > > </j:ApplicationResponsiveView>
> > > > >
> > > > >
> > > > > If I try to add tabIndex="??" to any components and compile I get
> > this
> > > > > error:
> > > > >
> > > > > <j:Drawer localId="drawer" tabIndex="1">
> > > > > ^
> > > > >
> > > > > 6.5844643 seconds
> > > > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
> > > > >
> > > > >
> > > >
> > >
> >
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> > > > > '--sdk',
> > > > > 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> > > > > '--debug=true', '--project', 'c:\xampp
> > > > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit code:
> 3.
> > > > >
> > > > > Im thinking it may be my Visual Studio not set up correctly?
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Sent from: http://apache-royale-development.20373.n8.nabble.com/
> > > > >
> > > >
> > > >
> > > > --
> > > > Carlos Rovira
> > > > http://about.me/carlosrovira
> > > >
> > >
> > >
> > > --
> > >
> > > Piotr Zarzycki
> > >
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>
--
Carlos Rovira
http://about.me/carlosrovira
Re: Tab Index
Posted by Hugo Ferreira <hf...@gmail.com>.
Hi Carlos,
Thank you very much to fix the issue related with DataGrid and TextInput.
I just update to last night build and got several new issues that I
reported separated (meanwhile I will try to investigate myself).
I can't test the DataGrid fix because of this issues, that are preventing
my DataGrid to show the data.
Carlos Rovira <ca...@apache.org> escreveu no dia sexta, 4/09/2020
à(s) 08:33:
> Hi Mike,
>
> yesterday solved a bug in list keyboard handling that was causing keyboard
> not working as expected in list and datagrid, so ensure you grab the
> nightly that has that fixes.
>
> Thanks
>
> El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
> piotrzarzycki21@gmail.com>) escribió:
>
> > Hi Mike,
> >
> > You can download easy Nightly using Moonshine SDK Installer - using
> couple
> > of clicks. Check out Moonshine to get more.
> >
> > Thanks,
> > Piotr
> >
> > śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
> > napisał(a):
> >
> > > Hi Mike,
> > > your problem is related to the version 0.9.7.
> > > I think I added tabIndex post 0.9.7, so you'll need to use a nightly
> > build
> > > with the latest [1].
> > >
> > > IMHO, I think it is better to use nightly build or build from sources
> at
> > > least until we reach 1.0 and all be more settled, but all days we
> improve
> > > Royale, so sticking with a version means to quickly be out of date.
> v1.0
> > > will mean things more stable (hopefully).
> > >
> > > [1] https://royale.apache.org/get-involved/
> > >
> > > El mié., 2 sept. 2020 a las 17:59, MikeH
> > > (<mi...@googlemail.com.invalid>) escribió:
> > >
> > > > Hi Carlos, sorry for the delay in replying I have been out of town.
> > > >
> > > > The Royale application is getting quite large now so I wont be able
> to
> > > > include it all, its a conversion from an existing Flex Application.
> > > >
> > > > First my development environment is:
> > > >
> > > > Royale SDK apache-royale-0.9.7-bin-js-swf
> > > > IDE is Visual Studio Code
> > > > OS is Windows 10
> > > >
> > > >
> > > > The Royale application is defined as a Jewel application like so:
> > > >
> > > > <?xml version="1.0" encoding="utf-8"?>
> > > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > > xmlns:j="library://
> > ns.apache.org/royale/jewel
> > > "
> > > > xmlns:js="library://
> > > ns.apache.org/royale/basic"
> > > >
> > > > xmlns:mx="library://
> ns.apache.org/royale/mx
> > "
> > > > xmlns:local="*"
> > > > xmlns:view="view.*"
> > > > xmlns:controller="controller.*"
> > > > initialize="initApp()">
> > > >
> > > > <fx:Style source="resources/defaults.css"/>
> > > >
> > > > <fx:Script>
> > > >
> > > > </fx:Script>
> > > > <j:beads>
> > > > <js:ClassAliasBead />
> > > > <js:ParentDocumentBead/>
> > > > <js:ApplicationDataBinding/>
> > > > <js:URLParameterBead id="appParams"/>
> > > > </j:beads>
> > > > <
> > > > <fx:Declarations>
> > > >
> > > > </fx:Declarations>
> > > > <j:valuesImpl>
> > > > <js:SimpleCSSValuesImpl />
> > > > </j:valuesImpl>
> > > >
> > > > <j:initialView>
> > > > <view:Dashboard id="dashboard"
> > > > thisParent="{this}"
> > > > hostName="{hostName}"
> > > > userid="{userid}"/>
> > > > </j:initialView>
> > > > </j:Application>
> > > >
> > > >
> > > > The Dashboard view is basically the same layout as in TourDeJewel:
> > > >
> > > > <?xml version="1.0" encoding="utf-8"?>
> > > > <j:ApplicationResponsiveView
> > > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > > xmlns:j="library://ns.apache.org/royale/jewel"
> > > > xmlns:js="library://ns.apache.org/royale/basic"
> > > > xmlns:html="library://ns.apache.org/royale/html"
> > > > xmlns:mx="library://ns.adobe.com/flex/mx"
> > > > xmlns:view="view.*"
> > > > xmlns:local="*"
> > > > xmlns:vo="*"
> > > > xmlns:models="models.*"
> > > > initComplete="init()">
> > > >
> > > > <fx:Script>
> > > >
> > > > </fx:Script>
> > > >
> > > > <j:model>
> > > > <models:MainNavigationModel localId="mainNavigationModel"/>
> > > > </j:model>
> > > >
> > > > <j:beads>
> > > > <js:Router localId="router" stateChange="hashChanged()" />
> > > > <js:ContainerDataBinding/>
> > > > <js:BrowserOrientation localId="bo"/>
> > > > <j:CleanValidationErrors/>
> > > > </j:beads>
> > > >
> > > >
> > > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> > > > <j:beads>
> > > > <j:ResponsiveDrawer auto="true"/>
> > > > </j:beads>
> > > > <j:DrawerHeader>
> > > > <j:ImageButton id="logo_button_btn"/>
> > > > </j:DrawerHeader>
> > > > <j:DrawerContent>
> > > > <j:Navigation localId="containerNavigation"
> > > > className="navIconLinkItemRenderer" change="navChangeHandler(event)">
> > > > <j:beads>
> > > > <js:ConstantBinding
> sourceID="mainNavigationModel"
> > > > sourcePropertyName="containerDrawerNavigation"
> > > > destinationPropertyName="dataProvider"/>
> > > > <j:NavigationActionNotifier/>
> > > >
> > > > </j:beads>
> > > >
> > > > </j:Navigation>
> > > >
> > > > </j:DrawerContent>
> > > >
> > > > <j:DrawerFooter height="100">
> > > > <j:style>
> > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > > </j:style>
> > > > <j:BarRow>
> > > > <j:BarSection>
> > > > <j:Image id="logo_img" width="100%"/>
> > > > </j:BarSection>
> > > > </j:BarRow>
> > > > </j:DrawerFooter>
> > > >
> > > > </j:Drawer>
> > > >
> > > > <j:FooterBar localId="footerbar" fixed="true">
> > > > <j:style>
> > > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > > </j:style>
> > > > <j:BarRow>
> > > > <j:BarSection>
> > > >
> > > >
> > > > </j:BarSection>
> > > > <j:BarSection itemsHorizontalAlign="itemsCenter">
> > > > <html:H3 text="" />
> > > > </j:BarSection>
> > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > > >
> > > > </j:BarSection>
> > > > </j:BarRow>
> > > > </j:FooterBar>
> > > >
> > > >
> > > > <j:TopAppBar localId="topappbar" fixed="true"
> > > hasDrawer="{drawer.fixed
> > > > && drawer.isOpen}">
> > > > <j:BarRow>
> > > > <j:BarSection>
> > > > <j:IconButton click="drawer.isOpen ? drawer.close() :
> > > > drawer.open()">
> > > > <j:beads>
> > > > <j:ResponsiveVisibility
> desktopVisible="false"
> > > > wideScreenVisible="false" />
> > > > </j:beads>
> > > > <j:icon>
> > > > <js:MaterialIcon
> text="{MaterialIconType.MENU}"
> > > />
> > > > </j:icon>
> > > > </j:IconButton>
> > > > <j:BarTitle id="title_bar" text="Home"/>
> > > > </j:BarSection>
> > > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > > >
> > > > <j:Label localId="learner_name_lbl">
> > > > <j:style>
> > > > <js:SimpleCSSStyles fontWeight="bold"
> > > > color="#FFFFFF" fontSize="15"/>
> > > > </j:style>
> > > > </j:Label>
> > > >
> > > > <j:ToggleButton id="showHideNotification_btn"
> > > > click="setFootbar(event)" selected="true">
> > > > <j:beads>
> > > > <j:ToolTip toolTip="Show or Hide the
> > Notification
> > > > Area"/>
> > > > </j:beads>
> > > > <j:icon>
> > > > <js:MaterialToggleIcon
> > > > text="{MaterialIconType.VISIBILITY}"
> > > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> > > > </j:icon>
> > > > </j:ToggleButton>
> > > >
> > > > <j:ToggleButton click="logout()">
> > > > <j:beads>
> > > > <j:ToolTip toolTip="Logout"/>
> > > > </j:beads>
> > > > <j:icon>
> > > > <js:MaterialToggleIcon
> > > > text="{MaterialIconType.LOCK}"
> > > selectedText="{MaterialIconType.LOCK_OPEN}"
> > > > />
> > > > </j:icon>
> > > > </j:ToggleButton>
> > > >
> > > > </j:BarSection>
> > > > </j:BarRow>
> > > > </j:TopAppBar>
> > > >
> > > > <j:ApplicationMainContent localId="main" hasTopAppBar="true"
> > > > hasFooterBar="true">
> > > >
> > > > <j:ScrollableSectionContent name="home" width="100%"
> > > > height="100%">
> > > > <view:Content_Home id="home_panel_content"
> > > > NETCON="{NETCON}"/>
> > > > </j:ScrollableSectionContent>
> > > >
> > > > <j:ScrollableSectionContent name="my_courses"
> > > width="100%"
> > > > height="100%">
> > > > <view:My_Courses
> id="my_courses_panel_content"
> > > > NETCON="{NETCON}"/>
> > > > </j:ScrollableSectionContent>
> > > >
> > > > <j:ScrollableSectionContent name="my_visits"
> > width="100%"
> > > > height="100%">
> > > > <view:My_Visits id="my_visits_panel_content"
> > > > NETCON="{NETCON}"/>
> > > > </j:ScrollableSectionContent>
> > > >
> > > > <j:ScrollableSectionContent name="my_messages"
> > > > width="100%" height="100%">
> > > > <view:My_Messages
> > id="my_messages_panel_content"
> > > > NETCON="{NETCON}"/>
> > > > </j:ScrollableSectionContent>
> > > >
> > > > <j:ScrollableSectionContent name="my_account" width="100%"
> > > > height="100%">
> > > > <view:My_Account
> id="my_account_panel_content"
> > > > NETCON="{NETCON}"/>
> > > > </j:ScrollableSectionContent>
> > > >
> > > > </j:ApplicationMainContent>
> > > > </j:ApplicationResponsiveView>
> > > >
> > > >
> > > > If I try to add tabIndex="??" to any components and compile I get
> this
> > > > error:
> > > >
> > > > <j:Drawer localId="drawer" tabIndex="1">
> > > > ^
> > > >
> > > > 6.5844643 seconds
> > > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
> > > >
> > > >
> > >
> >
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> > > > '--sdk',
> > > > 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> > > > '--debug=true', '--project', 'c:\xampp
> > > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit code: 3.
> > > >
> > > > Im thinking it may be my Visual Studio not set up correctly?
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > --
> > > > Sent from: http://apache-royale-development.20373.n8.nabble.com/
> > > >
> > >
> > >
> > > --
> > > Carlos Rovira
> > > http://about.me/carlosrovira
> > >
> >
> >
> > --
> >
> > Piotr Zarzycki
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
Re: Tab Index
Posted by Carlos Rovira <ca...@apache.org>.
Hi Mike,
yesterday solved a bug in list keyboard handling that was causing keyboard
not working as expected in list and datagrid, so ensure you grab the
nightly that has that fixes.
Thanks
El mié., 2 sept. 2020 a las 22:24, Piotr Zarzycki (<
piotrzarzycki21@gmail.com>) escribió:
> Hi Mike,
>
> You can download easy Nightly using Moonshine SDK Installer - using couple
> of clicks. Check out Moonshine to get more.
>
> Thanks,
> Piotr
>
> śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org>
> napisał(a):
>
> > Hi Mike,
> > your problem is related to the version 0.9.7.
> > I think I added tabIndex post 0.9.7, so you'll need to use a nightly
> build
> > with the latest [1].
> >
> > IMHO, I think it is better to use nightly build or build from sources at
> > least until we reach 1.0 and all be more settled, but all days we improve
> > Royale, so sticking with a version means to quickly be out of date. v1.0
> > will mean things more stable (hopefully).
> >
> > [1] https://royale.apache.org/get-involved/
> >
> > El mié., 2 sept. 2020 a las 17:59, MikeH
> > (<mi...@googlemail.com.invalid>) escribió:
> >
> > > Hi Carlos, sorry for the delay in replying I have been out of town.
> > >
> > > The Royale application is getting quite large now so I wont be able to
> > > include it all, its a conversion from an existing Flex Application.
> > >
> > > First my development environment is:
> > >
> > > Royale SDK apache-royale-0.9.7-bin-js-swf
> > > IDE is Visual Studio Code
> > > OS is Windows 10
> > >
> > >
> > > The Royale application is defined as a Jewel application like so:
> > >
> > > <?xml version="1.0" encoding="utf-8"?>
> > > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > xmlns:j="library://
> ns.apache.org/royale/jewel
> > "
> > > xmlns:js="library://
> > ns.apache.org/royale/basic"
> > >
> > > xmlns:mx="library://ns.apache.org/royale/mx
> "
> > > xmlns:local="*"
> > > xmlns:view="view.*"
> > > xmlns:controller="controller.*"
> > > initialize="initApp()">
> > >
> > > <fx:Style source="resources/defaults.css"/>
> > >
> > > <fx:Script>
> > >
> > > </fx:Script>
> > > <j:beads>
> > > <js:ClassAliasBead />
> > > <js:ParentDocumentBead/>
> > > <js:ApplicationDataBinding/>
> > > <js:URLParameterBead id="appParams"/>
> > > </j:beads>
> > > <
> > > <fx:Declarations>
> > >
> > > </fx:Declarations>
> > > <j:valuesImpl>
> > > <js:SimpleCSSValuesImpl />
> > > </j:valuesImpl>
> > >
> > > <j:initialView>
> > > <view:Dashboard id="dashboard"
> > > thisParent="{this}"
> > > hostName="{hostName}"
> > > userid="{userid}"/>
> > > </j:initialView>
> > > </j:Application>
> > >
> > >
> > > The Dashboard view is basically the same layout as in TourDeJewel:
> > >
> > > <?xml version="1.0" encoding="utf-8"?>
> > > <j:ApplicationResponsiveView
> > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > xmlns:j="library://ns.apache.org/royale/jewel"
> > > xmlns:js="library://ns.apache.org/royale/basic"
> > > xmlns:html="library://ns.apache.org/royale/html"
> > > xmlns:mx="library://ns.adobe.com/flex/mx"
> > > xmlns:view="view.*"
> > > xmlns:local="*"
> > > xmlns:vo="*"
> > > xmlns:models="models.*"
> > > initComplete="init()">
> > >
> > > <fx:Script>
> > >
> > > </fx:Script>
> > >
> > > <j:model>
> > > <models:MainNavigationModel localId="mainNavigationModel"/>
> > > </j:model>
> > >
> > > <j:beads>
> > > <js:Router localId="router" stateChange="hashChanged()" />
> > > <js:ContainerDataBinding/>
> > > <js:BrowserOrientation localId="bo"/>
> > > <j:CleanValidationErrors/>
> > > </j:beads>
> > >
> > >
> > > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> > > <j:beads>
> > > <j:ResponsiveDrawer auto="true"/>
> > > </j:beads>
> > > <j:DrawerHeader>
> > > <j:ImageButton id="logo_button_btn"/>
> > > </j:DrawerHeader>
> > > <j:DrawerContent>
> > > <j:Navigation localId="containerNavigation"
> > > className="navIconLinkItemRenderer" change="navChangeHandler(event)">
> > > <j:beads>
> > > <js:ConstantBinding sourceID="mainNavigationModel"
> > > sourcePropertyName="containerDrawerNavigation"
> > > destinationPropertyName="dataProvider"/>
> > > <j:NavigationActionNotifier/>
> > >
> > > </j:beads>
> > >
> > > </j:Navigation>
> > >
> > > </j:DrawerContent>
> > >
> > > <j:DrawerFooter height="100">
> > > <j:style>
> > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > </j:style>
> > > <j:BarRow>
> > > <j:BarSection>
> > > <j:Image id="logo_img" width="100%"/>
> > > </j:BarSection>
> > > </j:BarRow>
> > > </j:DrawerFooter>
> > >
> > > </j:Drawer>
> > >
> > > <j:FooterBar localId="footerbar" fixed="true">
> > > <j:style>
> > > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > > </j:style>
> > > <j:BarRow>
> > > <j:BarSection>
> > >
> > >
> > > </j:BarSection>
> > > <j:BarSection itemsHorizontalAlign="itemsCenter">
> > > <html:H3 text="" />
> > > </j:BarSection>
> > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > >
> > > </j:BarSection>
> > > </j:BarRow>
> > > </j:FooterBar>
> > >
> > >
> > > <j:TopAppBar localId="topappbar" fixed="true"
> > hasDrawer="{drawer.fixed
> > > && drawer.isOpen}">
> > > <j:BarRow>
> > > <j:BarSection>
> > > <j:IconButton click="drawer.isOpen ? drawer.close() :
> > > drawer.open()">
> > > <j:beads>
> > > <j:ResponsiveVisibility desktopVisible="false"
> > > wideScreenVisible="false" />
> > > </j:beads>
> > > <j:icon>
> > > <js:MaterialIcon text="{MaterialIconType.MENU}"
> > />
> > > </j:icon>
> > > </j:IconButton>
> > > <j:BarTitle id="title_bar" text="Home"/>
> > > </j:BarSection>
> > > <j:BarSection itemsHorizontalAlign="itemsRight">
> > >
> > > <j:Label localId="learner_name_lbl">
> > > <j:style>
> > > <js:SimpleCSSStyles fontWeight="bold"
> > > color="#FFFFFF" fontSize="15"/>
> > > </j:style>
> > > </j:Label>
> > >
> > > <j:ToggleButton id="showHideNotification_btn"
> > > click="setFootbar(event)" selected="true">
> > > <j:beads>
> > > <j:ToolTip toolTip="Show or Hide the
> Notification
> > > Area"/>
> > > </j:beads>
> > > <j:icon>
> > > <js:MaterialToggleIcon
> > > text="{MaterialIconType.VISIBILITY}"
> > > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> > > </j:icon>
> > > </j:ToggleButton>
> > >
> > > <j:ToggleButton click="logout()">
> > > <j:beads>
> > > <j:ToolTip toolTip="Logout"/>
> > > </j:beads>
> > > <j:icon>
> > > <js:MaterialToggleIcon
> > > text="{MaterialIconType.LOCK}"
> > selectedText="{MaterialIconType.LOCK_OPEN}"
> > > />
> > > </j:icon>
> > > </j:ToggleButton>
> > >
> > > </j:BarSection>
> > > </j:BarRow>
> > > </j:TopAppBar>
> > >
> > > <j:ApplicationMainContent localId="main" hasTopAppBar="true"
> > > hasFooterBar="true">
> > >
> > > <j:ScrollableSectionContent name="home" width="100%"
> > > height="100%">
> > > <view:Content_Home id="home_panel_content"
> > > NETCON="{NETCON}"/>
> > > </j:ScrollableSectionContent>
> > >
> > > <j:ScrollableSectionContent name="my_courses"
> > width="100%"
> > > height="100%">
> > > <view:My_Courses id="my_courses_panel_content"
> > > NETCON="{NETCON}"/>
> > > </j:ScrollableSectionContent>
> > >
> > > <j:ScrollableSectionContent name="my_visits"
> width="100%"
> > > height="100%">
> > > <view:My_Visits id="my_visits_panel_content"
> > > NETCON="{NETCON}"/>
> > > </j:ScrollableSectionContent>
> > >
> > > <j:ScrollableSectionContent name="my_messages"
> > > width="100%" height="100%">
> > > <view:My_Messages
> id="my_messages_panel_content"
> > > NETCON="{NETCON}"/>
> > > </j:ScrollableSectionContent>
> > >
> > > <j:ScrollableSectionContent name="my_account" width="100%"
> > > height="100%">
> > > <view:My_Account id="my_account_panel_content"
> > > NETCON="{NETCON}"/>
> > > </j:ScrollableSectionContent>
> > >
> > > </j:ApplicationMainContent>
> > > </j:ApplicationResponsiveView>
> > >
> > >
> > > If I try to add tabIndex="??" to any components and compile I get this
> > > error:
> > >
> > > <j:Drawer localId="drawer" tabIndex="1">
> > > ^
> > >
> > > 6.5844643 seconds
> > > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
> > >
> > >
> >
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> > > '--sdk',
> > > 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> > > '--debug=true', '--project', 'c:\xampp
> > > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit code: 3.
> > >
> > > Im thinking it may be my Visual Studio not set up correctly?
> > >
> > >
> > >
> > >
> > >
> > > --
> > > Sent from: http://apache-royale-development.20373.n8.nabble.com/
> > >
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>
>
> --
>
> Piotr Zarzycki
>
--
Carlos Rovira
http://about.me/carlosrovira
Re: Tab Index
Posted by Piotr Zarzycki <pi...@gmail.com>.
Hi Mike,
You can download easy Nightly using Moonshine SDK Installer - using couple
of clicks. Check out Moonshine to get more.
Thanks,
Piotr
śr., 2 wrz 2020 o 20:51 Carlos Rovira <ca...@apache.org> napisał(a):
> Hi Mike,
> your problem is related to the version 0.9.7.
> I think I added tabIndex post 0.9.7, so you'll need to use a nightly build
> with the latest [1].
>
> IMHO, I think it is better to use nightly build or build from sources at
> least until we reach 1.0 and all be more settled, but all days we improve
> Royale, so sticking with a version means to quickly be out of date. v1.0
> will mean things more stable (hopefully).
>
> [1] https://royale.apache.org/get-involved/
>
> El mié., 2 sept. 2020 a las 17:59, MikeH
> (<mi...@googlemail.com.invalid>) escribió:
>
> > Hi Carlos, sorry for the delay in replying I have been out of town.
> >
> > The Royale application is getting quite large now so I wont be able to
> > include it all, its a conversion from an existing Flex Application.
> >
> > First my development environment is:
> >
> > Royale SDK apache-royale-0.9.7-bin-js-swf
> > IDE is Visual Studio Code
> > OS is Windows 10
> >
> >
> > The Royale application is defined as a Jewel application like so:
> >
> > <?xml version="1.0" encoding="utf-8"?>
> > <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> > xmlns:j="library://ns.apache.org/royale/jewel
> "
> > xmlns:js="library://
> ns.apache.org/royale/basic"
> >
> > xmlns:mx="library://ns.apache.org/royale/mx"
> > xmlns:local="*"
> > xmlns:view="view.*"
> > xmlns:controller="controller.*"
> > initialize="initApp()">
> >
> > <fx:Style source="resources/defaults.css"/>
> >
> > <fx:Script>
> >
> > </fx:Script>
> > <j:beads>
> > <js:ClassAliasBead />
> > <js:ParentDocumentBead/>
> > <js:ApplicationDataBinding/>
> > <js:URLParameterBead id="appParams"/>
> > </j:beads>
> > <
> > <fx:Declarations>
> >
> > </fx:Declarations>
> > <j:valuesImpl>
> > <js:SimpleCSSValuesImpl />
> > </j:valuesImpl>
> >
> > <j:initialView>
> > <view:Dashboard id="dashboard"
> > thisParent="{this}"
> > hostName="{hostName}"
> > userid="{userid}"/>
> > </j:initialView>
> > </j:Application>
> >
> >
> > The Dashboard view is basically the same layout as in TourDeJewel:
> >
> > <?xml version="1.0" encoding="utf-8"?>
> > <j:ApplicationResponsiveView
> > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > xmlns:j="library://ns.apache.org/royale/jewel"
> > xmlns:js="library://ns.apache.org/royale/basic"
> > xmlns:html="library://ns.apache.org/royale/html"
> > xmlns:mx="library://ns.adobe.com/flex/mx"
> > xmlns:view="view.*"
> > xmlns:local="*"
> > xmlns:vo="*"
> > xmlns:models="models.*"
> > initComplete="init()">
> >
> > <fx:Script>
> >
> > </fx:Script>
> >
> > <j:model>
> > <models:MainNavigationModel localId="mainNavigationModel"/>
> > </j:model>
> >
> > <j:beads>
> > <js:Router localId="router" stateChange="hashChanged()" />
> > <js:ContainerDataBinding/>
> > <js:BrowserOrientation localId="bo"/>
> > <j:CleanValidationErrors/>
> > </j:beads>
> >
> >
> > <j:Drawer localId="drawer" <b>tabIndex="1"*>
> > <j:beads>
> > <j:ResponsiveDrawer auto="true"/>
> > </j:beads>
> > <j:DrawerHeader>
> > <j:ImageButton id="logo_button_btn"/>
> > </j:DrawerHeader>
> > <j:DrawerContent>
> > <j:Navigation localId="containerNavigation"
> > className="navIconLinkItemRenderer" change="navChangeHandler(event)">
> > <j:beads>
> > <js:ConstantBinding sourceID="mainNavigationModel"
> > sourcePropertyName="containerDrawerNavigation"
> > destinationPropertyName="dataProvider"/>
> > <j:NavigationActionNotifier/>
> >
> > </j:beads>
> >
> > </j:Navigation>
> >
> > </j:DrawerContent>
> >
> > <j:DrawerFooter height="100">
> > <j:style>
> > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > </j:style>
> > <j:BarRow>
> > <j:BarSection>
> > <j:Image id="logo_img" width="100%"/>
> > </j:BarSection>
> > </j:BarRow>
> > </j:DrawerFooter>
> >
> > </j:Drawer>
> >
> > <j:FooterBar localId="footerbar" fixed="true">
> > <j:style>
> > <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> > </j:style>
> > <j:BarRow>
> > <j:BarSection>
> >
> >
> > </j:BarSection>
> > <j:BarSection itemsHorizontalAlign="itemsCenter">
> > <html:H3 text="" />
> > </j:BarSection>
> > <j:BarSection itemsHorizontalAlign="itemsRight">
> >
> > </j:BarSection>
> > </j:BarRow>
> > </j:FooterBar>
> >
> >
> > <j:TopAppBar localId="topappbar" fixed="true"
> hasDrawer="{drawer.fixed
> > && drawer.isOpen}">
> > <j:BarRow>
> > <j:BarSection>
> > <j:IconButton click="drawer.isOpen ? drawer.close() :
> > drawer.open()">
> > <j:beads>
> > <j:ResponsiveVisibility desktopVisible="false"
> > wideScreenVisible="false" />
> > </j:beads>
> > <j:icon>
> > <js:MaterialIcon text="{MaterialIconType.MENU}"
> />
> > </j:icon>
> > </j:IconButton>
> > <j:BarTitle id="title_bar" text="Home"/>
> > </j:BarSection>
> > <j:BarSection itemsHorizontalAlign="itemsRight">
> >
> > <j:Label localId="learner_name_lbl">
> > <j:style>
> > <js:SimpleCSSStyles fontWeight="bold"
> > color="#FFFFFF" fontSize="15"/>
> > </j:style>
> > </j:Label>
> >
> > <j:ToggleButton id="showHideNotification_btn"
> > click="setFootbar(event)" selected="true">
> > <j:beads>
> > <j:ToolTip toolTip="Show or Hide the Notification
> > Area"/>
> > </j:beads>
> > <j:icon>
> > <js:MaterialToggleIcon
> > text="{MaterialIconType.VISIBILITY}"
> > selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> > </j:icon>
> > </j:ToggleButton>
> >
> > <j:ToggleButton click="logout()">
> > <j:beads>
> > <j:ToolTip toolTip="Logout"/>
> > </j:beads>
> > <j:icon>
> > <js:MaterialToggleIcon
> > text="{MaterialIconType.LOCK}"
> selectedText="{MaterialIconType.LOCK_OPEN}"
> > />
> > </j:icon>
> > </j:ToggleButton>
> >
> > </j:BarSection>
> > </j:BarRow>
> > </j:TopAppBar>
> >
> > <j:ApplicationMainContent localId="main" hasTopAppBar="true"
> > hasFooterBar="true">
> >
> > <j:ScrollableSectionContent name="home" width="100%"
> > height="100%">
> > <view:Content_Home id="home_panel_content"
> > NETCON="{NETCON}"/>
> > </j:ScrollableSectionContent>
> >
> > <j:ScrollableSectionContent name="my_courses"
> width="100%"
> > height="100%">
> > <view:My_Courses id="my_courses_panel_content"
> > NETCON="{NETCON}"/>
> > </j:ScrollableSectionContent>
> >
> > <j:ScrollableSectionContent name="my_visits" width="100%"
> > height="100%">
> > <view:My_Visits id="my_visits_panel_content"
> > NETCON="{NETCON}"/>
> > </j:ScrollableSectionContent>
> >
> > <j:ScrollableSectionContent name="my_messages"
> > width="100%" height="100%">
> > <view:My_Messages id="my_messages_panel_content"
> > NETCON="{NETCON}"/>
> > </j:ScrollableSectionContent>
> >
> > <j:ScrollableSectionContent name="my_account" width="100%"
> > height="100%">
> > <view:My_Account id="my_account_panel_content"
> > NETCON="{NETCON}"/>
> > </j:ScrollableSectionContent>
> >
> > </j:ApplicationMainContent>
> > </j:ApplicationResponsiveView>
> >
> >
> > If I try to add tabIndex="??" to any components and compile I get this
> > error:
> >
> > <j:Drawer localId="drawer" tabIndex="1">
> > ^
> >
> > 6.5844643 seconds
> > The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
> >
> >
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> > '--sdk',
> > 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> > '--debug=true', '--project', 'c:\xampp
> > 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit code: 3.
> >
> > Im thinking it may be my Visual Studio not set up correctly?
> >
> >
> >
> >
> >
> > --
> > Sent from: http://apache-royale-development.20373.n8.nabble.com/
> >
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
--
Piotr Zarzycki
Re: Tab Index
Posted by MikeH <mi...@googlemail.com.INVALID>.
Thanks Carlos and everyone who helped.
I will get the latest nightly build from now on.
--
Sent from: http://apache-royale-development.20373.n8.nabble.com/
Re: Tab Index
Posted by Carlos Rovira <ca...@apache.org>.
Hi Mike,
your problem is related to the version 0.9.7.
I think I added tabIndex post 0.9.7, so you'll need to use a nightly build
with the latest [1].
IMHO, I think it is better to use nightly build or build from sources at
least until we reach 1.0 and all be more settled, but all days we improve
Royale, so sticking with a version means to quickly be out of date. v1.0
will mean things more stable (hopefully).
[1] https://royale.apache.org/get-involved/
El mié., 2 sept. 2020 a las 17:59, MikeH
(<mi...@googlemail.com.invalid>) escribió:
> Hi Carlos, sorry for the delay in replying I have been out of town.
>
> The Royale application is getting quite large now so I wont be able to
> include it all, its a conversion from an existing Flex Application.
>
> First my development environment is:
>
> Royale SDK apache-royale-0.9.7-bin-js-swf
> IDE is Visual Studio Code
> OS is Windows 10
>
>
> The Royale application is defined as a Jewel application like so:
>
> <?xml version="1.0" encoding="utf-8"?>
> <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> xmlns:j="library://ns.apache.org/royale/jewel"
> xmlns:js="library://ns.apache.org/royale/basic"
>
> xmlns:mx="library://ns.apache.org/royale/mx"
> xmlns:local="*"
> xmlns:view="view.*"
> xmlns:controller="controller.*"
> initialize="initApp()">
>
> <fx:Style source="resources/defaults.css"/>
>
> <fx:Script>
>
> </fx:Script>
> <j:beads>
> <js:ClassAliasBead />
> <js:ParentDocumentBead/>
> <js:ApplicationDataBinding/>
> <js:URLParameterBead id="appParams"/>
> </j:beads>
> <
> <fx:Declarations>
>
> </fx:Declarations>
> <j:valuesImpl>
> <js:SimpleCSSValuesImpl />
> </j:valuesImpl>
>
> <j:initialView>
> <view:Dashboard id="dashboard"
> thisParent="{this}"
> hostName="{hostName}"
> userid="{userid}"/>
> </j:initialView>
> </j:Application>
>
>
> The Dashboard view is basically the same layout as in TourDeJewel:
>
> <?xml version="1.0" encoding="utf-8"?>
> <j:ApplicationResponsiveView
> xmlns:fx="http://ns.adobe.com/mxml/2009"
> xmlns:j="library://ns.apache.org/royale/jewel"
> xmlns:js="library://ns.apache.org/royale/basic"
> xmlns:html="library://ns.apache.org/royale/html"
> xmlns:mx="library://ns.adobe.com/flex/mx"
> xmlns:view="view.*"
> xmlns:local="*"
> xmlns:vo="*"
> xmlns:models="models.*"
> initComplete="init()">
>
> <fx:Script>
>
> </fx:Script>
>
> <j:model>
> <models:MainNavigationModel localId="mainNavigationModel"/>
> </j:model>
>
> <j:beads>
> <js:Router localId="router" stateChange="hashChanged()" />
> <js:ContainerDataBinding/>
> <js:BrowserOrientation localId="bo"/>
> <j:CleanValidationErrors/>
> </j:beads>
>
>
> <j:Drawer localId="drawer" <b>tabIndex="1"*>
> <j:beads>
> <j:ResponsiveDrawer auto="true"/>
> </j:beads>
> <j:DrawerHeader>
> <j:ImageButton id="logo_button_btn"/>
> </j:DrawerHeader>
> <j:DrawerContent>
> <j:Navigation localId="containerNavigation"
> className="navIconLinkItemRenderer" change="navChangeHandler(event)">
> <j:beads>
> <js:ConstantBinding sourceID="mainNavigationModel"
> sourcePropertyName="containerDrawerNavigation"
> destinationPropertyName="dataProvider"/>
> <j:NavigationActionNotifier/>
>
> </j:beads>
>
> </j:Navigation>
>
> </j:DrawerContent>
>
> <j:DrawerFooter height="100">
> <j:style>
> <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> </j:style>
> <j:BarRow>
> <j:BarSection>
> <j:Image id="logo_img" width="100%"/>
> </j:BarSection>
> </j:BarRow>
> </j:DrawerFooter>
>
> </j:Drawer>
>
> <j:FooterBar localId="footerbar" fixed="true">
> <j:style>
> <js:SimpleCSSStyles backgroundColor="#2C74BE"/>
> </j:style>
> <j:BarRow>
> <j:BarSection>
>
>
> </j:BarSection>
> <j:BarSection itemsHorizontalAlign="itemsCenter">
> <html:H3 text="" />
> </j:BarSection>
> <j:BarSection itemsHorizontalAlign="itemsRight">
>
> </j:BarSection>
> </j:BarRow>
> </j:FooterBar>
>
>
> <j:TopAppBar localId="topappbar" fixed="true" hasDrawer="{drawer.fixed
> && drawer.isOpen}">
> <j:BarRow>
> <j:BarSection>
> <j:IconButton click="drawer.isOpen ? drawer.close() :
> drawer.open()">
> <j:beads>
> <j:ResponsiveVisibility desktopVisible="false"
> wideScreenVisible="false" />
> </j:beads>
> <j:icon>
> <js:MaterialIcon text="{MaterialIconType.MENU}" />
> </j:icon>
> </j:IconButton>
> <j:BarTitle id="title_bar" text="Home"/>
> </j:BarSection>
> <j:BarSection itemsHorizontalAlign="itemsRight">
>
> <j:Label localId="learner_name_lbl">
> <j:style>
> <js:SimpleCSSStyles fontWeight="bold"
> color="#FFFFFF" fontSize="15"/>
> </j:style>
> </j:Label>
>
> <j:ToggleButton id="showHideNotification_btn"
> click="setFootbar(event)" selected="true">
> <j:beads>
> <j:ToolTip toolTip="Show or Hide the Notification
> Area"/>
> </j:beads>
> <j:icon>
> <js:MaterialToggleIcon
> text="{MaterialIconType.VISIBILITY}"
> selectedText="{MaterialIconType.VISIBILITY_OFF}" />
> </j:icon>
> </j:ToggleButton>
>
> <j:ToggleButton click="logout()">
> <j:beads>
> <j:ToolTip toolTip="Logout"/>
> </j:beads>
> <j:icon>
> <js:MaterialToggleIcon
> text="{MaterialIconType.LOCK}" selectedText="{MaterialIconType.LOCK_OPEN}"
> />
> </j:icon>
> </j:ToggleButton>
>
> </j:BarSection>
> </j:BarRow>
> </j:TopAppBar>
>
> <j:ApplicationMainContent localId="main" hasTopAppBar="true"
> hasFooterBar="true">
>
> <j:ScrollableSectionContent name="home" width="100%"
> height="100%">
> <view:Content_Home id="home_panel_content"
> NETCON="{NETCON}"/>
> </j:ScrollableSectionContent>
>
> <j:ScrollableSectionContent name="my_courses" width="100%"
> height="100%">
> <view:My_Courses id="my_courses_panel_content"
> NETCON="{NETCON}"/>
> </j:ScrollableSectionContent>
>
> <j:ScrollableSectionContent name="my_visits" width="100%"
> height="100%">
> <view:My_Visits id="my_visits_panel_content"
> NETCON="{NETCON}"/>
> </j:ScrollableSectionContent>
>
> <j:ScrollableSectionContent name="my_messages"
> width="100%" height="100%">
> <view:My_Messages id="my_messages_panel_content"
> NETCON="{NETCON}"/>
> </j:ScrollableSectionContent>
>
> <j:ScrollableSectionContent name="my_account" width="100%"
> height="100%">
> <view:My_Account id="my_account_panel_content"
> NETCON="{NETCON}"/>
> </j:ScrollableSectionContent>
>
> </j:ApplicationMainContent>
> </j:ApplicationResponsiveView>
>
>
> If I try to add tabIndex="??" to any components and compile I get this
> error:
>
> <j:Drawer localId="drawer" tabIndex="1">
> ^
>
> 6.5844643 seconds
> The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
>
> 'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
> '--sdk',
> 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
> '--debug=true', '--project', 'c:\xampp
> 1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit code: 3.
>
> Im thinking it may be my Visual Studio not set up correctly?
>
>
>
>
>
> --
> Sent from: http://apache-royale-development.20373.n8.nabble.com/
>
--
Carlos Rovira
http://about.me/carlosrovira
Re: Tab Index
Posted by MikeH <mi...@googlemail.com.INVALID>.
Hi Carlos, sorry for the delay in replying I have been out of town.
The Royale application is getting quite large now so I wont be able to
include it all, its a conversion from an existing Flex Application.
First my development environment is:
Royale SDK apache-royale-0.9.7-bin-js-swf
IDE is Visual Studio Code
OS is Windows 10
The Royale application is defined as a Jewel application like so:
<?xml version="1.0" encoding="utf-8"?>
<j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:js="library://ns.apache.org/royale/basic"
xmlns:mx="library://ns.apache.org/royale/mx"
xmlns:local="*"
xmlns:view="view.*"
xmlns:controller="controller.*"
initialize="initApp()">
<fx:Style source="resources/defaults.css"/>
<fx:Script>
</fx:Script>
<j:beads>
<js:ClassAliasBead />
<js:ParentDocumentBead/>
<js:ApplicationDataBinding/>
<js:URLParameterBead id="appParams"/>
</j:beads>
<
<fx:Declarations>
</fx:Declarations>
<j:valuesImpl>
<js:SimpleCSSValuesImpl />
</j:valuesImpl>
<j:initialView>
<view:Dashboard id="dashboard"
thisParent="{this}"
hostName="{hostName}"
userid="{userid}"/>
</j:initialView>
</j:Application>
The Dashboard view is basically the same layout as in TourDeJewel:
<?xml version="1.0" encoding="utf-8"?>
<j:ApplicationResponsiveView
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:js="library://ns.apache.org/royale/basic"
xmlns:html="library://ns.apache.org/royale/html"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:view="view.*"
xmlns:local="*"
xmlns:vo="*"
xmlns:models="models.*"
initComplete="init()">
<fx:Script>
</fx:Script>
<j:model>
<models:MainNavigationModel localId="mainNavigationModel"/>
</j:model>
<j:beads>
<js:Router localId="router" stateChange="hashChanged()" />
<js:ContainerDataBinding/>
<js:BrowserOrientation localId="bo"/>
<j:CleanValidationErrors/>
</j:beads>
<j:Drawer localId="drawer" <b>tabIndex="1"*>
<j:beads>
<j:ResponsiveDrawer auto="true"/>
</j:beads>
<j:DrawerHeader>
<j:ImageButton id="logo_button_btn"/>
</j:DrawerHeader>
<j:DrawerContent>
<j:Navigation localId="containerNavigation"
className="navIconLinkItemRenderer" change="navChangeHandler(event)">
<j:beads>
<js:ConstantBinding sourceID="mainNavigationModel"
sourcePropertyName="containerDrawerNavigation"
destinationPropertyName="dataProvider"/>
<j:NavigationActionNotifier/>
</j:beads>
</j:Navigation>
</j:DrawerContent>
<j:DrawerFooter height="100">
<j:style>
<js:SimpleCSSStyles backgroundColor="#2C74BE"/>
</j:style>
<j:BarRow>
<j:BarSection>
<j:Image id="logo_img" width="100%"/>
</j:BarSection>
</j:BarRow>
</j:DrawerFooter>
</j:Drawer>
<j:FooterBar localId="footerbar" fixed="true">
<j:style>
<js:SimpleCSSStyles backgroundColor="#2C74BE"/>
</j:style>
<j:BarRow>
<j:BarSection>
</j:BarSection>
<j:BarSection itemsHorizontalAlign="itemsCenter">
<html:H3 text="" />
</j:BarSection>
<j:BarSection itemsHorizontalAlign="itemsRight">
</j:BarSection>
</j:BarRow>
</j:FooterBar>
<j:TopAppBar localId="topappbar" fixed="true" hasDrawer="{drawer.fixed
&& drawer.isOpen}">
<j:BarRow>
<j:BarSection>
<j:IconButton click="drawer.isOpen ? drawer.close() :
drawer.open()">
<j:beads>
<j:ResponsiveVisibility desktopVisible="false"
wideScreenVisible="false" />
</j:beads>
<j:icon>
<js:MaterialIcon text="{MaterialIconType.MENU}" />
</j:icon>
</j:IconButton>
<j:BarTitle id="title_bar" text="Home"/>
</j:BarSection>
<j:BarSection itemsHorizontalAlign="itemsRight">
<j:Label localId="learner_name_lbl">
<j:style>
<js:SimpleCSSStyles fontWeight="bold"
color="#FFFFFF" fontSize="15"/>
</j:style>
</j:Label>
<j:ToggleButton id="showHideNotification_btn"
click="setFootbar(event)" selected="true">
<j:beads>
<j:ToolTip toolTip="Show or Hide the Notification
Area"/>
</j:beads>
<j:icon>
<js:MaterialToggleIcon
text="{MaterialIconType.VISIBILITY}"
selectedText="{MaterialIconType.VISIBILITY_OFF}" />
</j:icon>
</j:ToggleButton>
<j:ToggleButton click="logout()">
<j:beads>
<j:ToolTip toolTip="Logout"/>
</j:beads>
<j:icon>
<js:MaterialToggleIcon
text="{MaterialIconType.LOCK}" selectedText="{MaterialIconType.LOCK_OPEN}"
/>
</j:icon>
</j:ToggleButton>
</j:BarSection>
</j:BarRow>
</j:TopAppBar>
<j:ApplicationMainContent localId="main" hasTopAppBar="true"
hasFooterBar="true">
<j:ScrollableSectionContent name="home" width="100%" height="100%">
<view:Content_Home id="home_panel_content" NETCON="{NETCON}"/>
</j:ScrollableSectionContent>
<j:ScrollableSectionContent name="my_courses" width="100%" height="100%">
<view:My_Courses id="my_courses_panel_content" NETCON="{NETCON}"/>
</j:ScrollableSectionContent>
<j:ScrollableSectionContent name="my_visits" width="100%" height="100%">
<view:My_Visits id="my_visits_panel_content" NETCON="{NETCON}"/>
</j:ScrollableSectionContent>
<j:ScrollableSectionContent name="my_messages" width="100%" height="100%">
<view:My_Messages id="my_messages_panel_content" NETCON="{NETCON}"/>
</j:ScrollableSectionContent>
<j:ScrollableSectionContent name="my_account" width="100%"
height="100%">
<view:My_Account id="my_account_panel_content" NETCON="{NETCON}"/>
</j:ScrollableSectionContent>
</j:ApplicationMainContent>
</j:ApplicationResponsiveView>
If I try to add tabIndex="??" to any components and compile I get this
error:
<j:Drawer localId="drawer" tabIndex="1">
^
6.5844643 seconds
The terminal process "d:\Java\jre1.8.0_172\bin\java.exe '-jar',
'c:\Users\mikw\.vscode\extensions\bowlerhatllc.vscode-nextgenas-1.2.2\bin\asconfigc.jar',
'--sdk', 'd:\ApacheRoyaleSDK\v2\apache-royale-0.9.7-bin-js-swf\royale-asjs',
'--debug=true', '--project', 'c:\xampp
1.8.1\htdocs\RoyaleJSVS\asconfig.json'" terminated with exit code: 3.
Im thinking it may be my Visual Studio not set up correctly?
--
Sent from: http://apache-royale-development.20373.n8.nabble.com/
Re: Tab Index
Posted by Carlos Rovira <ca...@apache.org>.
Hi Mike,
thanks for asking and glad to help. Could you share here what code are you
using?
tabIndex is supported at StyledUIBase level [1], and you just need to do:
tabIndex = 0;
or you can always access in JS like this (if you use a UIBase instead):
element.setAttribute('tabindex', -1);
There's some example of use through Jewel library.
Maybe your problem is related to your specific use and so we need you need
to isolate your code problem
in order to help you.
Thanks
[1]
https://royale.apache.org/asdoc/index.html#!org.apache.royale.core/StyledUIBase/tabIndex
El mar., 25 ago. 2020 a las 17:05, MikeH
(<mi...@googlemail.com.invalid>) escribió:
> Hi, im trying to set tab navigation on a Royale application by adding the
> tabIndex property on components but when I compile it throws an error (This
> attribute is unexpected. It will be ignored.). I need to enable keyboard
> navigation on my application for accessibility.
>
> The components are Jewel components.
>
> Im using version 0.97.
>
> Thanks for your help.
>
> Mike
>
>
>
> --
> Sent from: http://apache-royale-development.20373.n8.nabble.com/
>
--
Carlos Rovira
http://about.me/carlosrovira