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

Login Screen for the Flexviewer

andrewj_ca

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

Find more posts tagged with

Accepted answers

All comments

andrewj_ca

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

kenbuja

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

andrewj_ca

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.

MikeMatela

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?

IvanBaehr

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

andrewj_ca

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.

azgis

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

ArcGIS_Security.zip

andrewj_ca

James,

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

ArcGIS_Security2.zip

azgis

Andrew,

Thank you for the script! It works perfectly.

Jim Faron
Austin Independent School District

WillHughes1

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

andrewj_ca

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.

WillHughes1

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

StanMcShinsky

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

MAGICMuscatineAreaGeographicIn

How do I add users to the users.xml

MAGICMuscatineAreaGeographicIn

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

AdiKurniawan

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.

PetrTrefil

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

PetrTrefil

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

index.zip

NathanRobbins

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

PetraStrbenac

Hi Andrew,

first of all thank you for sharing your login sollution! It has saved me a lot of work and possible misery

.
I have successfully implemented login screen and everything works great!

I was wondering is there a way I could use the value of user variable (username) to display a username of a logged user in my flex application (after successful login of course) - for example to display something like "You are logged in as <user>" or "Welcome <user>" (i am completely new to flex and programming, but i am keen to learn).
I would also like to use the value of this variable when user edits some of my features (through a widget connected to my published geoprocessing service). I would like to accomplish that each record in my editable feature class has a name of a user that created it.

Any ideas how to do this? Any help or advice would be highly appreciated!
Petra

JacobBoyle

I just wanted to thank you for this tool, works great!

baixuehong

I wondered why the password and the username were different from the words you mentioned in your article. I saw in the user.xml file, i.e. <username>arcgis</username><password>pa$$word</password>
and I put them everything was just OK. Thank you for your login window. My teacher asked me to create a window just as yours, but I can not code, with your code, and I can complete it. THS in the end.

tanyabisen

Hi I am trying to implement Login screen for my application.I want to know how do you implement this code step by step.. I am new on this technology,whenever I try to enter username and password it throws Internal Database error..

I am using ASP .net Development Server.. Please help me on this.

tanyabisen

Hi I am trying to implement Login screen for my application.I want to know how do you implement this code step by step.. I am new on this technology.. I could solve internal database error by replacing the URL .. but now I am getting Invalid Login error..

even i invoke my soap service i get output as false..I tried debugging the code,it throws error on first line of vb code..where you are trying to do configuration manager settings..It throws exception and returns "false" value... Where I am going wrong,I am not able to figure out

I am using ASP .net Development Server.. Please help me on this.

tanyabisen

I could get the login screen working...but moment i close Visual Studio where I have created my webservice... I am not able to login into my application..How do I solve this issue now...

tanyabisen

Hello Andrew,

Hey I could get the login screen working completely for my application done in Flex API.. Thank you so much for this wonderful tool..

Thanks,
Tanya

PetraStrbenac

Hi, I have a geoprocessing widget with "user" being one of the parameters (string). I am using Andrew's Login Screen for my flex app and would like to populate "user" parameter automatically (when widget opens) with username (a user) that signed in my application. Do I have to make same changes to Login Screen files (like Service.vb) to capture "user" variable and how do I "pass" it to geoprocessing widget?
Any help or advice would be highly appreciated!
Petra

PetraStrbenac

Is there also a possibility to get users ip address through this service so that siteUsage.log also provides ip address (along with site, username, password, status and timestamp)?

AndyWhitley

I would like to find some documentation on how to add this to my code. I have downloaded the .zip file. I am using Flash builder 4.5 and using the developers code. I am some what of a newbie at flex.

Thanks Andy

Ashwiniw

I cannot solve "internal database error" upon login, what do I need to do. Please advise. Thanks for the code, great work.. saves me lots of time, I need to get it to work though.

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.