Collect: French buttons for Google Drive form download get resized improperly

Created on 13 Feb 2017  路  9Comments  路  Source: getodk/collect

Software and hardware versions

Collect v1.4.14

Problem description

screen shot 2017-02-13 at 11 45 47 am
This happens in any language that has very long text for the download button.

There's a similar but less dramatic problem on the Aggregate download blank form screen:
screen shot 2017-02-13 at 12 02 44 pm

Steps to reproduce the problem

  1. Change Collect protocol to Google Drive, Google Sheets in Collect settings
  2. Configure the platform settings with a google account that has forms in Drive
  3. Change device language to French (Settings > Language and Input > Language)
  4. Go to T茅l茅charger un formulaire vierge (download blank form)

Expected behavior

Buttons should not look like that. 馃槉 I'm not exactly sure what should happen. Perhaps the buttons should have a minimum width.

Note: I'm updating the translation to match the text on the Aggregate form download button. But this doesn't entirely solve the problem.

help wanted user experience

All 9 comments

Would it be better if the width of the buttons are in a particular ratio like 1:1:2?

@Dvik I'm not sure if that's the right ratio (maybe 1:1:1 makes sense?) but the idea of fixed ratios is probably the right one. It'd be great to see it in action if you'd like to submit a pull request.

Is this change acceptable?
The first one is the old one and the second the new one.
old
new

That's much better! I think the buttons should all have the same height, what do you think?

yeah, that's also my concern. trying to do that

The first one is when ODK Aggregate is chosen as platform and the second one when Drive is selected as platform. Let me know if this works.
new1
new2

Looks great! Do make sure it still looks reasonable in English and then I think it's ready for a pull request!

In English.
eng2
eng1

Also, in future as a part of the UX changes in GSOC, we should consider using the Bottom Navigation View recently added in the Design Support Library. https://material.io/guidelines/components/bottom-navigation.html#bottom-navigation-usage

Fantastic.

Make sure to include suggestions like that in your GSoC application!

Was this page helpful?
0 / 5 - 0 ratings