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; } } }

Create an infowindow in a flex mobile project

buslimmohcine

Hi i need to creat an infowindow in a flex mobile project from my feature of point can i have help 😛

Vind meer berichten getagd met

Accepted answers

All comments

LloydHeberlie

Here is a mobile sample that may help with some of these questions:

https://github.com/lheberlie/building-mobile-apps-flex/tree/develop/samples/hello-infowindow

[ATTACH=CONFIG]27898[/ATTACH]

app-screenshot.png

YueWu1

I am bumping this as I am still not exactly sure how I need to apply the update mentioned above by Yann to get this to work in api 3.4. Thanks!

Add the snippet after <s:Application> and before the <fx:Script>. Should work.

ClintonCooper1

I am bumping this as I am still not exactly sure how I need to apply the update mentioned above by Yann to get this to work in api 3.4. Thanks!

ClintonCooper1

Thanks Yann. But I apologize as I am a flex newbie. Where exactly do I add the code you provided. Once I add the code, do I just remove the 3.3 and add in the new 3.4 library? Thanks!

Clinton

YannCabon

Hi,

Sorry about the late reply.
In 3.4 we modified the way the AttributeInspector works to let developers be able to customize the components display to edit feature's field.
Basically in order to migrate your custom AttributeInspectorSkin, you need to add:

    <fx:Declarations>
        <fx:Component id="codedValueDomainField">
            <fieldClasses:CodedValueDomainField minWidth="200"/>
        </fx:Component>
        <fx:Component id="dateField">
            <!--
            Display dates in local time, using a localized short date format. eg: for en_US: MM/DD/YYYY
            See PopUpFieldFormat date formats or provide a custom one.
            -->
            <fieldClasses:CalendarField dateFormat="shortDate" useUTC="false"/>
        </fx:Component>
        <fx:Component id="doubleField">
            <!--
            By default the maximum number of digits after de decimal separator is 16, but it's customizable.
            -->
            <fieldClasses:DoubleField fractionalDigits="16" minWidth="200"/>
        </fx:Component>
        <fx:Component id="integerField">
            <fieldClasses:IntegerField minWidth="200"/>
        </fx:Component>
        <fx:Component id="labelField">
            <fieldClasses:LabelField minWidth="200"/>
        </fx:Component>
        <fx:Component id="memoField">
            <fieldClasses:MemoField minWidth="200"/>
        </fx:Component>
        <fx:Component id="rangeDomainField">
            <fieldClasses:RangeDomainField minWidth="200"/>
        </fx:Component>
        <fx:Component id="singleField">
            <fieldClasses:DoubleField minWidth="200"/>
        </fx:Component>
        <fx:Component id="smallIntegerField">
            <fieldClasses:IntegerField minWidth="200"/>
        </fx:Component>
        <fx:Component id="stringField">
            <fieldClasses:StringField minWidth="200"/>
        </fx:Component>
        <fx:Component id="textField">
            <fieldClasses:TextField minWidth="200"/>
        </fx:Component>
        <fx:Component id="typeField">
            <fieldClasses:TypeField minWidth="200"/>
        </fx:Component>
    </fx:Declarations>

ClintonCooper1

That worked! Thank you!!

AaronNash1

don't use the 3.4 api, use the 3.3. you can find the download location on my previous post.

ClintonCooper1

Got it to kind of work after I removed the ags-api-3.0.swc and replaced it with the agslib 3.4 because after doing an exhaustive search for ags-api-3.0.swc, nothing was found. Now it starts fine (with no compile errors) but when I go to edit the features view I get this error:


Error: Required skin part stringField cannot be found.
 at spark.components.supportClasses::SkinnableComponent/findSkinParts()
 at spark.components.supportClasses::SkinnableComponent/attachSkin()
 at spark.components.supportClasses::SkinnableComponent/validateSkinChange()
 at spark.components.supportClasses::SkinnableComponent/createChildren()
 at mx.core::UIComponent/initialize()
 at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::childAdded()
 at mx.core::UIComponent/addChildAt()
 at spark.components::Group/addDisplayObjectToDisplayList()
 at spark.components::Group/http://www.adobe.com/2006/flex/mx/internal::elementAdded()
 at spark.components::Group/setMXMLContent()
 at spark.components::Group/createChildren()
 at mx.core::UIComponent/initialize()
 at app.views.supportClasses::ItemRendererAttributeInspector/initialize()
 at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::childAdded()
 at mx.core::UIComponent/addChild()
 at spark.components::DataGroup/initializeTypicalItem()
 at spark.components::DataGroup/ensureTypicalLayoutElement()
 at spark.components::DataGroup/measure()
 at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::measureSizes()
 at mx.core::UIComponent/validateSize()
 at mx.managers::LayoutManager/validateSize()
 at mx.managers::LayoutManager/doPhasedInstantiation()
 at mx.managers::LayoutManager/doPhasedInstantiationCallback()

Any thoughts on how to fix this?

AaronNash1

you can download all the swc files from here , you will need to login using your global account

ClintonCooper1

because I have no idea where ags-api-3.0.swc is from (only thing I could find for this is agslib-api-3.0.swc which doesn't work). I have done an exhaustive search online looking for the ags-api-3.0.swc library and could not find it.

So, I rebuilt the app from a new flex mobile project. everything works well except one item called ResponsiveViewNavigatorApplication located at /mobile-map-boilerplate/src/com/esri/mobile/components from the example is throwing this error:

Adobe AIR application is missing the corresponding ResponsiveViewNavigatorApplication-app.xml.

Anyone have any idea on this new error or could shed some light on where to find the ags-api-3.0.swc file?

Clinton

ClintonCooper1

because I have no idea where ags-api-3.0.swc is from (only thing I could find for this is agslib-api-3.0.swc which doesn't work). I rebuilt the app from a new flex mobile project. everything works well except one item called
Adobe AIR application is missing the corresponding ResponsiveViewNavigatorApplication-app.xml.

ResponsiveViewNavigatorApplication.as /mobile-map-boilerplate/src/com/esri/mobile/components Unknown AIR application.xml Problem

AaronNash1

i would remove and the add back in the swc file. if you look at the path you posted it says fbin, unless you change the folder the default location is bin

ClintonCooper1

Does this not work with flashbuilder 4.7? I am getting an error :

Intial Content Not found

with an error at the bottom of:

unable to open '\ags-api-3.0\fbin\ags-api-3.0.swc'

I overlayed to air 3.1 and changed the namespace as instructed above.

AaronNash1

sorry, i am on the 4.9.1 SDK. With 4.6 use 3.1 instead of 3.4,

KomanDiabate

Ok, the issue is solved. After a little bit of googling....
It looks like the descriptor file requires the 3.1 version.

see link: http://forums.adobe.com/message/4731948

Thanks Aaron for pointing me in the right direction.

KomanDiabate

Hi Aaron, that didn't work. Here what I am getting now..

[ATTACH=CONFIG]25929[/ATTACH]

Capture.PNG

AaronNash1

change the adobe air version in your descriptor file from 3.5 to 3.4, attached is a screen shot

error.jpg

KomanDiabate

Hi Yann,
I talked to you yesterday about the mobile-map-boilerplate app at the ESRI conference and I really like what you have shown me. However, I am having problem to run the application on my computer, not exactly sure what is going on. I was wondering if you can help? I am getting a launch failed error (See image below). I am using FB 4.6 and SDK 4.6.
Thanks in advance.

[ATTACH=CONFIG]25905[/ATTACH]

error.PNG

buslimmohcine

here is a project that was posted on github called mobilemapboilerplate. It was shown during the developer summit, it is a highly developed mobile app in Flex. Has comprehensive skinnging and a dynamic UI for tablets and phones. They built a really good skin for callouts with better drop down menus for editing. I would use this as a base.

tks for ur replay this is a very important code for mobile developpement but i have same trouble to run the project
i use flash builder 4.6
sdk 4

AaronNash1

here is a project that was posted on github called mobilemapboilerplate. It was shown during the developer summit, it is a highly developed mobile app in Flex. Has comprehensive skinnging and a dynamic UI for tablets and phones. They built a really good skin for callouts with better drop down menus for editing. I would use this as a base.

buslimmohcine

Tks alote now i need to costumise the infowindow size its possible 🙂

YannCabon

We have a bunch of sample for that:

http://resources.arcgis.com/en/help/flex-api/samples/index.html#/InfoWindows_for_FeatureLayer/01nq00000057000000/
http://resources.arcgis.com/en/help/flex-api/samples/index.html#/InfoWindow_on_MouseOver/01nq0000001q000000/

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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