Done
Pinned fields
Click on the next to a field label to start pinning.
Details
Assignee
Nikodem Graczewski
Nikodem GraczewskiReporter
Nick Reid
Nick Reid(Deactivated)Story Points
3
Time tracking
4h logged
Components
Sprint
Add sprint
Fix versions
Priority
Major
Time Assistant
Created November 10, 2016 at 7:35 PM
Updated January 4, 2017 at 9:54 AM
Resolved December 28, 2016 at 11:09 AM
For many table search forms, a horizontal form results in complex controls which are inconsistently used on the left or right sides of the element.
To make forms that are related to tables (or results lists) — we will make the search row on the left side of the page, and have the form be vertical with visible action buttons at the bottom of the form.
The width of the form element should be about 220px and the form's vertical height must match the vertical height of the table. If the table's width is wider than the remaining screen, then the entire section should horizontally scroll (except for pinned table columns).
The markup surrounding a table and form should be a `section` tag to fit into HTML5 compliance. The resulting sample markup should look like:
<section class="grid"> <form> .... input elements and such .... <input type="submit" value="Search" /> </form> <table> ... table stuff ... </table> </section>Acceptance Criteria
All implemented tables have a filter form to the left side
Form and table are same height
If form is shorter than table, form "pins" to the table