Tyler - OpenEdx

Tyler - OpenEdx

Location

Effort to convert into PL

Form Layout

Alignment

Label location

Tooltips

Placeholder text

Validation

Location of validation

Advance input fields

Semantic HTML

Links

Action buttons

Submit

Screenshots

Location

Effort to convert into PL

Form Layout

Alignment

Label location

Tooltips

Placeholder text

Validation

Location of validation

Advance input fields

Semantic HTML

Links

Action buttons

Submit

Screenshots

https://open.edx.org/user/register

A lot? I don't think this site uses the PL.

Older version of the PL maybe?

Stacked

Center

Above input

None (field description below field)

None

Per-field validation on submit.

Password strength meter is dynamic.

Errors are printed at the top of the form as a bulleted list.

Password info bulleted list at the bottom of the form.

Password strength meter.

Yes, uses form, label, and input elements.

None. (I think it needs some...)

Tab buttons: "Create New Account", "Log In", "Reset Password"

Blue "Create New Account"

https://drive.google.com/drive/folders/0B_ZVhDsMa557WjhKWUpEYVZMWGs?usp=sharing



https://open.edx.org/user

"

Stacked

Center

Above input

None (field description below field)

None

Per-field validation on submit

Errors are printed at the top of the form as a bulleted list.

None

Yes, uses form, label, and input elements.

None

Tab buttons: "Create New Account", "Log In", "Reset Password"

Blue "Log In"

https://drive.google.com/drive/folders/0B_ZVhDsMa557dk5pcEpzNkZValU?usp=sharing

https://open.edx.org/user/password

"

Stacked

Center

Above input

None

None

Per-field validation on submit.

Errors is printed at the top of the form.

None

Yes, uses form, label, and input elements.

None

Tab buttons: "Create New Account", "Log In", "Reset Password"

Blue "Send Password Reset Email"

https://drive.google.com/drive/folders/0B_ZVhDsMa557QXVPUXlwMjJ0Wk0?usp=sharing

https://open.edx.org/ (any page: the search bar in the header)

"

Inline

Left

To the right

None

None

In search results

"No results found" message in results page.

Input animates to expand when focused.

Yes, uses form, label, and input elements.

None

None

Blue search icon

https://drive.google.com/drive/folders/0B_ZVhDsMa557RmF3MG1ieVlEams?usp=sharing

https://open.edx.org/search

"

Inline

Center

Above input

None

None

In search results

"No results found" message in results page.

None

Yes, uses form, label, and input elements.

In the left sidebar.

Left side bar links to filter by "Content Type", "Audience", or "Product Area"

Blue "Search"

https://drive.google.com/drive/folders/0B_ZVhDsMa557RmF3MG1ieVlEams?usp=sharing