Select to view content in your preferred language

How change "Sign In" form in flex 3?

5201
21
Jump to solution
07-05-2012 09:53 PM
parvazparvaz
Occasional Contributor
Hi
I,m working on flex 3, I want to customize "Sign In" form, but I did not find any solution.
for example I want to change "Please sign in to access..." to "please enter your personal code..." or something else.

Best regards
A.ponker
Tags (2)
0 Kudos
21 Replies
parvazparvaz
Occasional Contributor
Hi
I solved problem. many thanks. it is related to flex version.
many thanks for your good help.
0 Kudos
DasaPaddock
Esri Regular Contributor
You should use the 3.0 version of ESRIMessages.properties from:
http://resources.arcgis.com/en/help/flex-api/ESRIMessages.properties
0 Kudos
CoryPoynter
Emerging Contributor
Customize the LoginWindow.mxml that can be found in the arcgis_api_for_flex_3_0\ArcGIS_Flex\skins\src\com\esri\ags\skins\supportClasses folder from the AGS Flex API download and add it to your Flex Viewer project.

My question is where would you add the SigninWindow.mxml to your FlexViewer project so that it would execute? Basically I want to add a image under the title to the SignIn prompt that pops-up.
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Cory,

   Most people just put customized skins in the src/com/esri/viewer/skins/ folder and then just add it to the default.css but the less difficult way is to create a new package with the exact location:

src\com\esri\ags\skins\supportClasses\ and then put the SignInWindow.mxml in there.
0 Kudos
CoryPoynter
Emerging Contributor
Thank you,

I already had it in the skins folder, however I am not sure if I should add it to the default.css in my FlexViewer package so that it will display the SignInWindow.mxml that I modified instead of the built-in SignInWindow in the agslib-3.0-2012-06-06.swc library or should I add it to the default.css in the agslib? And also in what function should I reference it as a skinClass?
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Cory,

   Add this to the default.css in your Flex Viewer project.

@namespace skinComps "com.esri.ags.skins.supportClasses.*";
skinComps|SignInWindow
{
    skinClass: ClassReference("com.esri.viewer.skins.SignInWindow");
}


And that is it...
0 Kudos
CoryPoynter
Emerging Contributor
Wait, that was a completely different folder location. Here is my package details pertaining to the location of my SignInWindow.mxml file
[ATTACH=CONFIG]17000[/ATTACH]

Now what you told me to put in my default.css document has a path for the entire ags.skins.SupportClasses folder however im using the viewer file structure should I be using the com.esri.ags.skins file structure instead because currently its not referencing my modied mxml file when executing?
0 Kudos
deleted-user-vm26lpA887DR
Deactivated User
Wait, that was a completely different folder location. Here is my package details pertaining to the location of my SignInWindow.mxml file
[ATTACH=CONFIG]17000[/ATTACH]

Now what you told me to put in my default.css document has a path for the entire ags.skins.SupportClasses folder however im using the viewer file structure should I be using the com.esri.ags.skins file structure instead because currently its not referencing my modied mxml file when executing?



Did you ever figure out a solution from this point?  This question is where I am also.
0 Kudos
MattiasEkström
Frequent Contributor
Maybe it's a bad idea to pick up an old thread that's already marked as answered, but I'm trying to use my own modified version of the SignInWindow.mxml, but don't know how I should point it out in the default.css file. Roberts suggestion does not work for me.
I've been able to do this with some other skins, for example the PopUpRenderer.
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Mattias,

   The way I personally add a skin from the Flex API is to use the real Flex API package path and NOT just put them in the src\com\esri\viewer\skins.   So for the signin window right click on the com.esri.viewer and choose new package and paste com.esri.ags.skins.supportClasses and finish. Now you can paste the SignInWindow.mxml in this new package folder and you will not have to use any css change at all because the file is in the exact package that the API is expecting it to be in. I just tested this again in a clean Viewer app and it worked flawlessly.
0 Kudos