Konigi Inline Login Form

1. Header with login options in utility nav on the right.

2. Utility nav close up.

3. Clicking Log In hides the utility nav and displays inline login form.

4. Clicking Open ID hides the utility nav and displays inline Open ID login form.

Seems strange to feature this site here, but I'm building up a set of this inline form design convention. Konigi provides an unobtrusive control for logging in via the user's site login/password or Open ID login in a utility navigation area. Clicking one of these log in links allows the user to enter their credentials without navigating to a form on a separate page.

URL

konigi.com/

Comments

Post new comment

Your name: *

E-mail: *

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.

Homepage:

Comment: *

Input format

Filtered HTML

Allowed HTML tags: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <small> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike>
Web page addresses and e-mail addresses turn into links automatically.
You can use Mediawiki syntax. It is possible that not all formatting options are supported at the moment.
Links to other pages: [[Page Title]] or [[path/to/page|Title]].
External links: http://example.com or [http://example.com some link title].
Interwiki links: [[site:Page Title]].
You can use the following interwiki links: path, gdo, wp
Images are included with [[Image:name]]. (wikipedia help)

Wiki Editing

You can use Mediawiki syntax. It is possible that not all formatting options are supported at the moment.
Links to other pages: [[Page Title]] or [[path/to/page|Title]].
External links: http://example.com or [http://example.com some link title].
Interwiki links: [[site:Page Title]].
You can use the following interwiki links: path, gdo, wp
Images are included with [[Image:name]]. (wikipedia help)
Lines and paragraphs break automatically.

More information about formatting options

KONIGI

Sign In

Don't have an account?

Konigi Inline Login Form

Comments

Post new comment