Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
LocationEffort to convert into PLExisting PL componentForm LayoutAlignmentLabel locationTooltipsPlaceholder textValidationLocation of validationAdvance input fieldsSemantic HTMLLinksAction buttonsSubmitScreenshots
Discussion image upload modal https://courses.stage.edx.org/courses/course-v1:Arbi+A101+2015/discussion/forum/Already using it.Yes, form componentStackedLeft align
NoneNoYesN/ANoYesNoYesModal is closed.Pageis refreshed with ajax.

https://drive.google.com/drive/folders/0B5texp53raJ2dXRIYWl4M0F5Tkk


Support 3 forms inside the modal

Mediumtext input, textareaStackedCenterStackedNoneNoYes - cannot submit with an empty title or bodyNative browser validation via input required attribute

No

YesNoYes - Add/Edit post and Cancel (uses UXPL buttons)Sends AJAX, form disappears and is replaced with post view

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


Support modal

MinbuttonStackedCenter in PL page, left aligned in non PL pageNoneNoneNoNoNoNoYesNoYes


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

Write a review – 3rd party iFrame called course talk. But it is good to capture this non-standard form in Platform.

https://stage.edx.org/course/inclusive-leadership-training-leading-catalystx-il5x-1#ct-read-review-widget


N/A? since it is3rdparty?text input, buttonStackedLeft aligned

Top.

Reviewteaxtareais missing a label

NoneyesYesBottomYes, stars in ratingsYes. But without aria-attributesNoYes. Looks like a link than a button. Cancel button is far bottom left.
https://drive.google.com/drive/folders/0B5texp53raJ2WTBiYnZwT25wSUU?usp=sharing



ScreenshotsTypeOptional/Required labelsUsing PLForm LayoutForm Buttons locationLabel locationTooltipsPlaceholderValidationLocation of validationAdvance inputSemantic HTMLLinksAction buttonsSubmitSubmitingSubmitted

Image ModifiedImage Modified

Modal(error)(tick)StackedLeft
align
Above(error)(error)(tick)Below(error)
No
(tick)Yes
No
YesModal is closed.Pageis refreshed with ajax.What happens while the form is processing? Any transitions, animations, etc?What happens when is done? what is the success message like? error? incomplete?