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/
