Many websites can be configured for simplified sign in via the Google Chrome web extension, Flight Attendant. When a tile has been configured for auto fill, users can store their credentials against the tile and Flight Attendant will fill the login form out on the website. Tile credentials are stored securely in a user's Airhead profile. The Airhead administrator can optionally configure shared credentials on this tile. If no shared credentials are set, a user can set their own credentials against the tile.
Gather the website details
Using the Google Chrome web browser, navigate to the website.
Now navigate to the login page and copy the web address. If the website has a login form on the index page, just copy the root web address:
Right click the username field and choose 'Inspect':
Chrome developer tools will now be opened. Looking for the 'Name' element as shown below:
Copy everything after name=" In this example, we would note down user_session[login]
Now do the same for password. Right click and choose 'Inspect':
Again, Chrome developer tools will show the details.
Copy everything after name=" In this example, we would note down user_session[password]
We now have everything required to set the tile up for auto fill:
- Login page web address
- Name of the username element
- Name of the password element
Now click 'Created by us' then click 'Create tile':
Enter the tile details as required then navigate to the auto fill section and check the box:
The options are displayed. The three boxes are filled out as follows:
- Allowed Urls - here you can enter one or more web addresses for the login form for the website. In our example, we noted http://app.readingeggs.com/login. If you have more than one web address where the login form appears, enter the web addresses in a comma separated list.
- Username selector - you must enter the name element in the following format - input[name="value noted"] where value noted is the text you noted down from inspecting the element in Google Chrome. In this example, the final value would be: input[name="user_session[login]"]
- Password selector - you must enter the name element in the following format - input[name="value noted"] where value noted is the text you noted down from inspecting the element in Google Chrome. In this example, the final value would be: input[name="user_session[password]"]
Enter the details into the fields:
Click Save. The tile is now configured for auto fill. Users who have the Flight Attendant extension installed and authorised will see an orange key next to this tile. When they enter credentials against this tile, the key will light up green. If the administrator enters shared credentials, the key will show green for all Flight Attendant users that the tile has been shared with.