topic Re: Create an infowindow in a flex mobile project in ArcGIS API for Flex Questions

Create an infowindow in a flex mobile project

buslimmohcine — Thu, 09 May 2013 19:55:14 GMT

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

Re: Create an infowindow in a flex mobile project

YannCabon — Thu, 09 May 2013 22:25:15 GMT

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/

Re: Create an infowindow in a flex mobile project

buslimmohcine — Sun, 09 Jun 2013 14:00:13 GMT

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

Re: Create an infowindow in a flex mobile project

AaronNash1 — Mon, 10 Jun 2013 11:15:16 GMT

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.

Re: Create an infowindow in a flex mobile project

buslimmohcine — Sat, 15 Jun 2013 12:09:46 GMT

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

Re: Create an infowindow in a flex mobile project

KomanDiabate — Fri, 12 Jul 2013 22:22:46 GMT

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]

Re: Create an infowindow in a flex mobile project

AaronNash1 — Mon, 15 Jul 2013 12:34:47 GMT

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

Re: Create an infowindow in a flex mobile project

KomanDiabate — Mon, 15 Jul 2013 14:41:31 GMT

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

[ATTACH=CONFIG]25929[/ATTACH]

Re: Create an infowindow in a flex mobile project

KomanDiabate — Mon, 15 Jul 2013 14:47:41 GMT

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.

Re: Create an infowindow in a flex mobile project

AaronNash1 — Mon, 15 Jul 2013 14:49:23 GMT

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

Re: Create an infowindow in a flex mobile project

ClintonCooper1 — Thu, 22 Aug 2013 19:50:39 GMT

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.

Re: Create an infowindow in a flex mobile project

AaronNash1 — Fri, 23 Aug 2013 10:30:24 GMT

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

Re: Create an infowindow in a flex mobile project

ClintonCooper1 — Fri, 23 Aug 2013 13:31:43 GMT

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

Re: Create an infowindow in a flex mobile project

ClintonCooper1 — Fri, 23 Aug 2013 13:35:03 GMT

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

Re: Create an infowindow in a flex mobile project

AaronNash1 — Fri, 23 Aug 2013 13:41:53 GMT

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

Re: Create an infowindow in a flex mobile project

ClintonCooper1 — Sat, 11 Dec 2021 13:50:31 GMT

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?

Re: Create an infowindow in a flex mobile project

AaronNash1 — Fri, 23 Aug 2013 13:46:18 GMT

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

Re: Create an infowindow in a flex mobile project

ClintonCooper1 — Fri, 23 Aug 2013 14:13:49 GMT

That worked! Thank you!!

Re: Create an infowindow in a flex mobile project

YannCabon — Sat, 11 Dec 2021 13:50:33 GMT

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>

Re: Create an infowindow in a flex mobile project

ClintonCooper1 — Fri, 23 Aug 2013 17:54:34 GMT

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