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 (<[email protected]>) 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
