nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Issue with Navigation Wdiget

MouMezou

Hi All,

I have posted this question on another post here, but I thought I should create a new thread for it , and i have been using the Navigation widget without problesm. but i'm having a hard time to change the label of the buttons for the navigation bar. the reason i'm trying to change the labels is to be able to accomodate the english/french for "Pan, Zoom In, Zoom Out, Full Extent"
i tried to make the changes inside the NavigationWidget.mxml (NavToolItem(configXML.zoomoutbutton.@label||"ZZoom Out") just to test if that will change the Zoom out label by adding an extra Z but it didn't, so I'm confused to where I should look to accomodate both languages when a user switch back/forth.

I'm currently using the Flex API 2.3.1 2011-04-26 and I'm using a resoucebundle to handle the language switching.

Lastly I noticed that when my application is loaded the pan icon is not showing , but when I roll the mouse over it becomes visible and I'm not sure why it is doing that. is it something i edit in the NavigationWidget.mxml that its causing that? I will really appreciate any direction from you or anyone else on this issue.

I have attached an image.

Thanks

nav.jpg

Find more posts tagged with

Accepted answers

rscheitlin

Moussadak,

Here is a whole Sample Project with localization in en_US and fr_FR for Flash Builder 4.5 and using the Flex API 2.3.1. It is a FXP project zipped because this forum does not allow you to attach a .fxp

Don't forget to click the Mark as answer check and to click the top arrow (promote) as shown below:

Navigation2.3.1.zip

All comments

rscheitlin

Moussadak,

I haven't had any time to test using Flex 4.6 SDK but the quick fix is to use ther Flex 4.5.1 SDK that I developed and tested this in.

MouMezou

for the issue regarding the "Zoom In" and "Zoom Out" not translating I was able to fix that by having to make a small modification in the NavigationSkin.mxml by

<s:Button id="zoomInButton"
                  enabled.disabled="false"
                  enabled.disabledWithSlider="false"
                  skinClass="com.esri.ags.skins.NavigationZoomInButtonSkin"
                  toolTip="{resourceManager.getString('NavigationStrings', 'zoomInLabel')}"/>
<!-- resourceManager.getString('ESRIMessages', 'zoomInTooltip')-->

<s:Button id="zoomOutButton"
                  enabled.disabled="false"
                  enabled.disabledWithSlider="false"
                  skinClass="com.esri.ags.skins.NavigationZoomOutButtonSkin"
                  toolTip="{resourceManager.getString('NavigationStrings', 'zoomOutLabel')}"/>

after that both + and - started displaying the proper french label.

I'm hoping if someone has a quickfix for the "Pan" image not loading.

MouMezou

Thanks Robert, I have used the example you provided for the navigation and it did pick up the label for the button except for the "Zoom In" and "Zoom out". they both kept the English label although I did set my localChain to fr_FR. I checked the properties files and the french translation for ZoomIn and Zoom Out is there but it's not picking that up, but the translation is working for the other buttons(image).

Yes Ken, I started having the same issue (picture not loading) when i switched from 4.5 to 4.6. I'm wondering if its an SDK issue. did you find any work around it ?

zoom.JPG

kenbuja

This has started happening on my projects when I switched to FB 4.6

rscheitlin

Moussadak,

I have no idea what is going wrong on your end then... The complete project I sent you has all the assets and does not exhibit that behavior in IE or Fire Fox here when I run it or debug it... I am not sure what to tell you.

MouMezou

Thanks Robert for your help and I appreciate the fact that you take time to help everyone here. I have looked into the project you attached, but when i run it i'm still facing this icon not loading the first time the page open (check attachment) I have roll over my mouse on the icon and it's visible after I'm not sure why it's doing that.

I did check on my IE settings and "Show picture under Advanced Internet options is checked), i even asked somebody to try it on their computer and I'm still getting the same behavior with the Pan icon.

nav.jpg

rscheitlin

Navigation2.3.1.zip

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.