New/Edit Forms | Move Save button to the bottom of form and display a cancel button

Priority

Environment

None

Template

None

Description

Recently, a FOLIO UX survey was completed. One change requested by users was to move the Save button to the bottom of the form.

Requirement

  • No change to the "X" that display in the upper lefthand corner of the paneheader

  • Display Cancel and Save buttons at the bottom of all New/Edit page regardless of the form being in the third pane or a full pane view.

  • Ensure that the Cancel and Save buttons are on a fixed footer

  • Cancel button should behave like the "X".

  • With this change, remove the Cancel editing option that displays under the paneheader dropdown

  • No double/triple vertical scrollbar.

Pages

  • New Custom Package

  • New Custom Title

  • Edit Custom Title

  • Edit Custom Resource

  • Edit Selected Managed Title + Package

  • Edit Provider

Screenshot

Development Team

Spitfire

Release

None

Story Points

Sprint

Attachments

1

Checklist

hide

TestRail: Results

Activity

Show:

Igor Godlevskyi January 27, 2020 at 2:20 PM

, Added Bug for custom coverage validation: https://folio-org.atlassian.net/browse/UIEH-820

Khalilah Gambrell January 27, 2020 at 12:44 PM
Edited

There is something wrong with validation.

  1. Edit a package record

  2. Go to custom coverage

  3. Enter a wrong date format (e.g. 1 or 01/5) in the End date field

  4. Save button is active OR sometimes it is not

  5. BUT no error validation displays

  6. If the Save button is active, you are able to save without any error validation

Expected outcome Error validation should display inline and Save button should be disabled.

Note: Title+Package does not seem to have the same issue.

Khalilah Gambrell January 27, 2020 at 12:38 PM
Edited


With packages, I am unable to scroll a list of over 10, 000 titles. URL: https://folio-testing.aws.indexdata.com/eholdings/packages/19-1615?searchType=packages&q=academic

  1. Go to Packages

  2. Search academic search

  3. Select Academic Search Complete

  4. Try to scroll the list of titles

Here is another example: https://folio-testing.aws.indexdata.com/eholdings/packages/125531-2631932 (Package: VLeBooks)

Khalilah Gambrell January 15, 2020 at 7:45 PM

, updated requirements based on our discussions.

Viktor Soroka July 1, 2019 at 1:22 PM

Yep, as was proposed we will try to implement it as a footer prop to the <Pane> component. I believe we will start working on it in the next sprint.

Done

Details

Assignee

Reporter

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created June 27, 2019 at 2:10 AM
Updated January 27, 2020 at 2:54 PM
Resolved January 27, 2020 at 2:54 PM
TestRail: Cases
TestRail: Runs