topic Login Screen for the Flexviewer in ArcGIS Viewer for Flex Questions

Login Screen for the Flexviewer

andrewj_ca — Tue, 15 Mar 2011 17:52:24 GMT

Just posted some code for a Flexviewer login screen. I hope somebody can get some use from this.

http://www.arcgis.com/home/item.html?id=baebcaf317994d63902bc9735c0657e0

Re: Login Screen for the Flexviewer

andrewj_ca — Wed, 23 Mar 2011 11:20:19 GMT

Code has been upated to include a sample asp web service for user validiation. Please remember to specify from URL in the index.mxml file. It currently says 'localhost'. Cheers

Re: Login Screen for the Flexviewer

KenBuja — Wed, 23 Mar 2011 12:28:24 GMT

This would be more useful in the ArcGIS Viewer for Flex forum

Re: Login Screen for the Flexviewer

andrewj_ca — Wed, 23 Mar 2011 12:32:03 GMT

This would be more useful in the ArcGIS Viewer for Flex forum

I agree to a certain extent. The code I put up transcends the sample viewer. This sample will work with any flex implementation. Cheers and enjoy.

Re: Login Screen for the Flexviewer

MichaelMatela — Fri, 15 Apr 2011 15:56:42 GMT

Andrew,

I got the Login Screen up and running, however I can't get the "siteUsage.log" to update as connections are made or attempted. Is this setup to run out-of-the-box or is there something more I need to do first?

Re: Login Screen for the Flexviewer

IvanBaehr — Mon, 18 Apr 2011 07:29:58 GMT

Hi Andrew,

Great with a login widget. Will there be any chance that you post a compiled widget for flexviewer 2.2 in near future? We are looking forward to add the login widget to our flexviewer web map.

Ivan Baehr
Web Mapping Specialist
UNOSAT

Re: Login Screen for the Flexviewer

andrewj_ca — Tue, 19 Apr 2011 12:40:34 GMT

I will definately be doing more with this. I have a few deadlines in the next couple months and it's a bit busy around here. I'll do a fully configurable upload.

Re: Login Screen for the Flexviewer

JamesFaron — Fri, 13 May 2011 16:48:57 GMT

I was able to successfully implement Andrew's asp.net web service to complete the login process. But, for the sake of demonstration, I would like to create several users in the users.xml, and return a value unique for each one, by for example using the GetUser function in vb. I am not a vb programmer, and thus would appreciate any help in modifying the Service.vb to return a value from the user's profile after the user is validated. I know this is not a vb forum, just thought I might get lucky.

The Flex angle is as follows: if I can return a value from the user profile, in my case a location code, I can assign it to a global variable in the index.mxml. I will then call that variable in a widget, in this case, to input the value in a feature's definition expression, so that only the data that the user is authorized to see will appear in the layer on the map. I can do this now if I input the literal, i.e. public var myGlobalVar:String = "142";

The Web Service is attached, from Andrews' download. ValidateUser will only return boolean value.

Thanks,
Jim Faron

Re: Login Screen for the Flexviewer

andrewj_ca — Mon, 16 May 2011 10:32:06 GMT

James,

Give this a try: new function called 'validatedUserInfo'. It returns a string and has an addition input for 'returnColumn'. Should work for you.

Re: Login Screen for the Flexviewer

JamesFaron — Mon, 16 May 2011 14:18:59 GMT

Andrew,

Thank you for the script! It works perfectly.

Jim Faron
Austin Independent School District

Re: Login Screen for the Flexviewer

WillHughes1 — Wed, 25 May 2011 18:20:38 GMT

Can someone post the process for implementing this capability?

I replaced the index.mxml file with modified URL reference to the ../ArcGIS_Security/Service.asmx?WSDL";

I am confused as to where the user/pwd is stored. Is it in the index.mxml file? username and password OR is it in the ArcGIS_Security/sites/users.xml file?

I get the login screen to show up but when I enter in the username and password I get an "internal database error."

Can someone help?
Thanks.

Will

Re: Login Screen for the Flexviewer

andrewj_ca — Wed, 25 May 2011 18:46:55 GMT

wthughes

I have a gmail account, email me and I'll send a contact number. I'm eastern standard time and leaving for the day but we should be able to connect tomorrow.

Re: Login Screen for the Flexviewer

WillHughes1 — Thu, 26 May 2011 14:03:26 GMT

Actually I figured it out. The problem was that I needed to convert the ArcGIS_Security folder to an application in IIS.
Thanks.
Great work here. Very useful.

Will

Re: Login Screen for the Flexviewer

StanMcShinsky — Thu, 02 Jun 2011 17:44:48 GMT

Actually I figured it out. The problem was that I needed to convert the ArcGIS_Security folder to an application in IIS.

That was the piece I was missing. I had to Google how to do that, but it was easy once Will posted that above. Thanks.

Thanks for the login widget Andrew.

-Stan

Re: Login Screen for the Flexviewer

MarkYerington — Wed, 08 Jun 2011 14:13:06 GMT

How do I add users to the users.xml

Re: Login Screen for the Flexviewer

MarkYerington — Wed, 08 Jun 2011 14:24:07 GMT

Never mind I figured the users out, but how do i get the siteUsage.log to work.

Re: Login Screen for the Flexviewer

AdiKurniawan — Mon, 13 Jun 2011 09:11:22 GMT

dear all, especially to Mr. Andrew, thank's for share this code.

I'm newbie in ArcGIS Flexviewer.
I Have a little problem to use this code.
How do use this code (step by step to compile this code in Adobe Flash Builder)?

Any body can help me?

FYI, I use Flexviewer 2.2 and Flash Builder 4

Thank You.

Re: Login Screen for the Flexviewer

PetrTrefil — Mon, 20 Jun 2011 07:04:35 GMT

Just posted some code for a Flexviewer login screen. I hope somebody can get some use from this.

http://www.arcgis.com/home/item.html?id=baebcaf317994d63902bc9735c0657e0

Hi, Andrew,
please, can You give me advice, how to practicaly implement code for login screen i FlexViewer. We use Flex 1.3. I dowloaded source code, but I am not programmer, so I don´t know what next to do.
I would like users have to login before Flex app start. List of users and their passwords could be in sites\users.xml.
Thanks Petr

Re: Login Screen for the Flexviewer

PetrTrefil — Mon, 20 Jun 2011 07:30:01 GMT

Code has been upated to include a sample asp web service for user validiation. Please remember to specify from URL in the index.mxml file. It currently says 'localhost'. Cheers

Hi,
content of me actual index.html in Flex 1.3 is :
<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx   ="http://www.adobe.com/2006/mxml"
             xmlns    ="com.esri.solutions.flexviewer.*"
             layout    ="absolute"
             applicationComplete ="registerGlobalKeyHandler()"
             styleName   ="plain"
             backgroundColor ="#6E6E6E"
    preloader   ="preloaders.CustomPreloader">



<mx:Script>
<![CDATA[
   import com.esri.solutions.flexviewer.components.Banner;
   import com.esri.solutions.flexviewer.AppEvent;
   import mx.managers.IDragManager;
   import mx.managers.HistoryManager;
   import com.esri.ags.layers.Layer;

   private var iDragManager:IDragManager;
   private var hist:HistoryManager;

   [Bindable]
   public static var rozhod:Boolean = false;
   [Bindable]
   public static var hod:Number = NaN;
   [Bindable]
   public static var sirka:Number = 250;
   [Bindable]
   public static var vyska:Number = 50;
   [Bindable]
   public static var slider_tip:String = "Prolínání mapových d�?l";

   private function faderFade(evt:Event):void
      {
    var lyr:Layer = SiteContainer.getInstance().controller.map.getLayer("Základní mapa");
       var lyr2:Layer = SiteContainer.getInstance().controller.map.getLayer("Ortofoto mapa");
       lyr.visible = true;
       lyr2.visible = true;
       lyr.alpha = (1 - fader.value);
       lyr2.alpha = fader.value;
      }
   public static function faderReset(evt:Event):void
      {
    var lyr:Layer = SiteContainer.getInstance().controller.map.getLayer("Základní mapa");
       var lyr2:Layer = SiteContainer.getInstance().controller.map.getLayer("Ortofoto mapa");
       lyr.visible = true;
       lyr2.visible = false;
       lyr.alpha = 1;
       lyr2.alpha = 0;
    hod = NaN;
    hod = 0;
      }
   public static function faderSat(evt:Event):void
      {
    var lyr:Layer = SiteContainer.getInstance().controller.map.getLayer("Základní mapa");
       var lyr2:Layer = SiteContainer.getInstance().controller.map.getLayer("Ortofoto mapa");
       lyr.visible = false;
       lyr2.visible = true;
       lyr.alpha = 0;
       lyr2.alpha = 1;
    hod = NaN;
    hod = 1;
      }

   private function registerGlobalKeyHandler() :void
   {
    stage.addEventListener(KeyboardEvent.KEY_DOWN, handleKeyDown);

   }


   private function handleKeyDown(event:KeyboardEvent) :void
   {
    if ((event.shiftKey) && (event.keyCode == 27))
    {
     SiteContainer.dispatchEvent(new AppEvent(AppEvent.SET_MAP_NAVIGATION, false, false, null));
    }
   }

]]>
</mx:Script>

<SiteContainer id="container" backgroundColor="#FFFFFF">
    <configManager> <ConfigManager/> </configManager>
       <uiManager>     <UIManager/>     </uiManager>
       <controller>    <Controller x="20" y="20"/>    </controller>
       <dataManager>   <DataManager/>   </dataManager>
       <widgetManager> <WidgetManagerDocked/> </widgetManager>
       <mapManager>    <MapManager/> </mapManager>
</SiteContainer>

    <mx:Number id="HORIZONTAL_MAX">
        {int((container.width - canvas.width) / 2)}
    </mx:Number>
    <mx:Number id="Z_value">
        {int(100-(fader.value*100))}
    </mx:Number>
    <mx:Number id="S_value">
        {int(fader.value*100)}
    </mx:Number>



<mx:Canvas id="canvas" visible="true" width="{sirka}" bottom="15" height="{vyska}" left="{HORIZONTAL_MAX}" styleName="WidgetCanvas" toolTip="Prolínání mapových d�?l"> 
       <mx:HSlider toolTip="{slider_tip}" visible="{rozhod}" showDataTip="false" tickLength="3" tickOffset="-1" id="fader" x="75" y="5" width="100" height="20" minimum="0" maximum="1" snapInterval="0.02" liveDragging="true" allowTrackClick="true" enabled="{rozhod}" change="faderFade(event)" value="{hod}" showTrackHighlight="false" invertThumbDirection="false"/>


       <mx:Button fillColors="#777777, #333333, #999999, #333333" color="#ffffff" textRollOverColor="#ffffff" themeColor="#666666" visible="{rozhod}" id="butZ" toolTip="Základní mapa" enabled="{rozhod}" textAlign="center" click="faderReset(event)" label="ZM" x="5" y="6" width="65" height="20"/>
       <mx:TextArea toolTip="Základní mapa" visible="{rozhod}" borderStyle="none" backgroundAlpha="0" selectable="false" editable="false" textAlign="center" text="{Z_value} %" x="5" y="26" width="65" height="20"></mx:TextArea>


       <mx:Button fillColors="#777777, #333333, #999999, #333333" color="#ffffff" textRollOverColor="#ffffff" themeColor="#666666" visible="{rozhod}" id="butS" toolTip="Satelitní mapa" enabled="{rozhod}" textAlign="center" click="faderSat(event)" label="OM" x="180" y="6" width="65" height="20"/>
       <mx:TextArea toolTip="Ortofoto mapa" visible="{rozhod}" borderStyle="none" backgroundAlpha="0" selectable="false" editable="false" textAlign="center" text="{S_value} %" x="180" y="26" width="65" height="20"></mx:TextArea>

       <mx:TextArea toolTip="Aktuální m�?�?ítko" borderStyle="none" backgroundAlpha="0" selectable="false" editable="false" textAlign="center" text="{Banner.mapscale}" x="75" y="25" width="100" height="20"></mx:TextArea> 


</mx:Canvas>

</mx:Application>

I suppose that is necessary to change some part with code from your index.html.
But I don't know what parts.
Thank for your help.

Petr

Re: Login Screen for the Flexviewer

NathanRobbins — Thu, 23 Jun 2011 17:47:30 GMT

Hi, Andrew,
please, can You give me advice, how to practicaly implement code for login screen i FlexViewer. We use Flex 1.3. I dowloaded source code, but I am not programmer, so I don´t know what next to do.
I would like users have to login before Flex app start. List of users and their passwords could be in sites\users.xml.
Thanks Petr

I am also trying to get this working and I am not a programmer. I have Adobe Flex 3 and I have copied the index.mxml file into my src folder and built the application. I also copied the ArcGIS_Security folder into my root application folder. I noticed someone said you had to copy this to asp. Not sure how to do that. Any help would be appreciated. Thanks, Nathan