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