Project

General

Profile

Feature #1222

Usability improvement at select tables

Added by Alexander Watzinger 6 months ago. Updated about 1 month ago.

Status:
Closed
Priority:
Low
Category:
UI
Target version:
Start date:
2020-04-28
Estimated time:

Description

There are some usability issue with select tables for single entries (no check boxes) e.g. when trying to choose a residence at https://demo.openatlas.eu/actor/update/6450.

  • Name has to be selected in the first column, not on an alias below or on any other column, better would be whole field or row or maybe an extra column with a select button
  • Change cursor (text at the moment)
  • Focus in filter field initially (single or multi table selects)

Update:
after last session it was decided to make an extra column (left) with a select

History

#1

Updated by Alexander Watzinger 6 months ago

  • Target version changed from 5.2.0 to 5.3.0
#2

Updated by Alexander Watzinger 5 months ago

  • Description updated (diff)
#3

Updated by Christoph Hoffmann 5 months ago

  • Status changed from Assigned to In Progress

turned on normal link highlighting for single select tables. the height issues are harder to catch (since the user can set the rows himself globally...) one option would be to move the pageing to the top of the table.

#4

Updated by Alexander Watzinger 4 months ago

  • Description updated (diff)
#5

Updated by Alexander Watzinger 4 months ago

  • Target version changed from 5.3.0 to 5.5.0
  • Description updated (diff)
#6

Updated by Christoph Hoffmann 2 months ago

introduced another column with buttons to select entry, commited in feature_bootstrap

for yet unknown reasons it seems impossible to focus the tablesearch input upon opening of the modal

#7

Updated by Alexander Watzinger 2 months ago

I looked into the focus() problem and it seems to be because of the jquery/modal/bootstrap combination.

I pushed a working solution to develop: https://github.com/craws/OpenAtlas/commit/c376543b4937aa9421d212ae227b04610478d348

    <script>
        $('#{name}-modal').on('shown.bs.modal', function () {{
            $('#{name}_table_filter input').focus();
        }});
    </script>

But I'm sure there is a nicer way to include it instead of a generic script tag for every modal. Also it has to be implemented for the tree modals too. (e.g. place/edit/adminstrativ unit). But I'm hoping this gives you at least a working idea how to solve it.

#8

Updated by Alexander Watzinger 2 months ago

e.g. a more generic way could be to use:

$(this).find("input:visible:first").focus();

#9

Updated by Christoph Hoffmann about 1 month ago

alex discovered a display glitch in FF on linux, interestingly enough it does not appear on my windows machine in FF 79.0 (64-Bit), nor in chrome

#10

Updated by Christoph Hoffmann about 1 month ago

  • Status changed from In Progress to Closed

resolved in 5.5.0

#11

Updated by Alexander Watzinger about 1 month ago

  • Subject changed from Usability issue with select tables to Usability improvement at select tables

Also available in: Atom PDF