Andotp: Add Grid/Tile based view

Created on 24 Jan 2018  路  13Comments  路  Source: andOTP/andOTP

As you add more and more entries the default list view starts to get a bit unwielding. To mitigate this, as well as the tabs, I purpose allowing a grid/tile based view.

I have been working on this over the last couple days and have reached the point where I would like some user input.

Currently I have it like this:
grid

As you see, this just shows thumbnail and label, my question is: what approach would be preferred for displaying the full entry info?

2 suggestions:

  • Have a popup with full details when you click on an entry

  • Have an authy like view where the top half of the screen displays the details of the currently selected entry
    authy-100736003-orig

WIP enhancement question

Most helpful comment

Just a suggestion to spice the UI up, I would advise that there should be a button on the action bar that toggles between the listview and gridview!

All 13 comments

I never thought of this before, but I like the idea. The Authy interface looks really nice, although I think it will be harder to implement compared to a simple popup.

I also like the Authy like interface more.

OK, will see if an authy like interface is viable. My main concern is with landscape devices, but I guess I can split it left-right when its landscape

This is what I have managed to get
qemu-system-i386_2018-01-30_21-18-42
qemu-system-i386_2018-01-30_21-18-51
qemu-system-i386_2018-01-30_21-19-14
qemu-system-i386_2018-01-30_21-19-23

Not looking bad at all, though I think there might be issues with this when the label or tags length are too long!
How do we plan a workaround for this?

Same way they currenty do, if the label is too long to fit it can use the scroll feature

Hmmmm. Interesting but, from the look of things, I see this as a bit too tiny to read when on grid mode! Except it would be only 3or4 per row/line, I don't know how many am seeing, maybe it's 4or5 currently but am unsure!
Looks tiny to me (talking about the label and tags!

Will the authy like version move the tiles down when clicking on one? If it does, imo a popup would be better, because it lets you memorize where which tile is.

It does yes, in still unsure which to go with

From our discussion in the Telegram group I would say go with the popup for simplicity.

Just a suggestion to spice the UI up, I would advise that there should be a button on the action bar that toggles between the listview and gridview!

@enwokoma There is, the 3 block icon in the top right (next to search) is a drop down that lets you select the sorting order and the list view type

Well, not bad for me, though I would have suggested a separate button from the sort button!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SeppPenner picture SeppPenner  路  3Comments

asmw picture asmw  路  8Comments

fakkoweb picture fakkoweb  路  4Comments

BoFFire picture BoFFire  路  4Comments

MartinX3 picture MartinX3  路  4Comments