| Location | Effort to convert into PL | Existing PL component | Form Layout | Alignment | Label location | Tooltips | Placeholder text | Validation | Location of validation | Advance input fields | Semantic HTML | Links | Action buttons | Submit | Screenshots |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Discussion board home, search box: https://courses.stage.edx.org/courses/course-v1:edx+bj101+2016/discussion/forum/ | Already using it. | Yes, search component | Inline, single text field | Left align | Inside, hidden | None | Yes | None | N/A | No | Yes | No | Yes | Updates a results list outside the component. Doesn't update focus or provide feedback search has completed. | Base state: https://i.bjacobel.com/20161205-14ss7.png Focused & filled: https://i.bjacobel.com/20161205-hrr08.png After submitted: https://i.bjacobel.com/20161205-79h02.png |
Discussions add/edit post form: https://courses.stage.edx.org/courses/course-v1:edx+bj101+2016/discussion/forum/course/threads/57e18a0081e610058d00000c Used with Inline Discussions as well. | Already using it | Uses UXPL dropdowns and buttons, but not UXPL inputs | Stacked | Left | Labels on left, with longer helptext on right | None | No | Yes - cannot submit with an empty title or body | Top of form | Weird custom radio button toggle thing that displays as buttons (see screenshot) WMD markdown editor input. Provided by 3rd-party vendor. Supports rendering of LaTeX expressions via MathJax with live preview. | Yes, except for help text - I don't think it's "linked" to the input strongly enough. Only some field sets are wrapped in fieldsets | No | Yes - Add/Edit post and Cancel (uses UXPL buttons) | Sends AJAX, form disappears and is replaced with post view | Edit base state: https://i.bjacobel.com/20161205-5tgsw.png Add base state: https://i.bjacobel.com/20161205-8u5ud.png Radio button toggler thingy: https://i.bjacobel.com/20161205-kcxth.png Validation message: https://i.bjacobel.com/20161205-fwvmo.png Checkboxes on bottom: https://i.bjacobel.com/20161205-oi72n.png |
Discussions "Add a response" / "Add comment". Used with Inline Discussions as well. | WMD editor | Response: https://i.bjacobel.com/20161205-xgo9b.png Comment: https://i.bjacobel.com/20161205-zne38.png |
Page Comparison
Manage space
Manage content
Integrations