skunkworks-crow icon indicating copy to clipboard operation
skunkworks-crow copied to clipboard

Update UI of bottam bar instead of direct buttons

Open ajay-prabhakar opened this issue 5 years ago • 23 comments

Problem description

Currently, for a bottom bar, there are directly buttons are there make a better UI and propose below the comments section the better UI holds for a better user experience so there should be good UI

Expected behavior

good UI design so it holds for good user experience

ajay-prabhakar avatar Mar 05 '19 17:03 ajay-prabhakar

@shobhitagarwal1612 can I work on this thank you!

ajay-prabhakar avatar Mar 05 '19 17:03 ajay-prabhakar

Which I made:

ui

ajay-prabhakar avatar Mar 05 '19 17:03 ajay-prabhakar

Some padding/margin would make it look even better

shobhitagarwal1612 avatar Mar 06 '19 03:03 shobhitagarwal1612

Just now I added the option that when we click the button the background colur changes to blue like this Ok I will add some padding now screenshot_20190306-103225_skunkworks-crow

ajay-prabhakar avatar Mar 06 '19 05:03 ajay-prabhakar

@Chromicle Nice work. I think you should improve it this way:

  • When the user clicks on the button, the foreground color(color of the Text) should be white and the color of the background should be the Primary Color of the app.

iadeelzafar avatar Mar 06 '19 05:03 iadeelzafar

@iadeelzafar Thanks for suggestion but, if I make like that means the app should not look colorful as all the colors are only the primary color only and white so I added the light blue color to that button so it looks good that is my opinion

ajay-prabhakar avatar Mar 06 '19 06:03 ajay-prabhakar

@Chromicle We need to follow Material Design guidelines. It suggests to use two colors i.e. Primary and Secondary. Material Design

iadeelzafar avatar Mar 06 '19 06:03 iadeelzafar

@shobhitagarwal1612 I would like to do work on it.

syedabbashussainnaqvi avatar Mar 13 '19 15:03 syedabbashussainnaqvi

@opendatakit-bot claim

syedabbashussainnaqvi avatar Mar 13 '19 15:03 syedabbashussainnaqvi

Hello @syedabbashussainnaqvi!

You have attempted to claim an issue without the labels "help wanted", "good first issue". It seems like you are new to Open Data Kit, so we suggest working on a good first issue issue first. After doing one quick win, then try a help wanted issue. We also recommend reading README.md and CONTRIBUTING.md before getting started.

To claim this issue anyway, comment on this issue again with the command @opendatakit-bot claim --force.

getodk-bot avatar Mar 13 '19 15:03 getodk-bot

@shobhitagarwal1612 I would like to do work on it.

I already made a PR on this you can find any other new issues

https://github.com/opendatakit/skunkworks-crow/pull/183

ajay-prabhakar avatar Mar 13 '19 15:03 ajay-prabhakar

@Chromicle I understand that you raised the issue and wanted to work on it. But unless you claim the issue, how will others know that it is not picked by someone. Please take care of this for future references

shobhitagarwal1612 avatar Mar 20 '19 19:03 shobhitagarwal1612

@opendatakit-bot claim

ajay-prabhakar avatar Mar 21 '19 05:03 ajay-prabhakar

Hello @Chromicle, you have been unassigned from this issue because you have not updated this issue or any referenced pull requests for over 15 days.

You can reclaim this issue or claim any other issue by commenting @opendatakit-bot claim on that issue.

Thanks for your contributions, and hope to see you again soon!

getodk-bot avatar Apr 02 '19 11:04 getodk-bot

@opendatakit-bot Yeah I am still working on it

ajay-prabhakar avatar Apr 02 '19 11:04 ajay-prabhakar

@Chromicle it looks like you've closed a already raised PR.

lakshyagupta21 avatar Apr 02 '19 12:04 lakshyagupta21

@lakshyagupta21 due to merge conflicts are there I pushed before all commits so I closed that

ajay-prabhakar avatar Apr 03 '19 10:04 ajay-prabhakar

I know sometimes merge conflicts are difficult to resolve but you shouldn't do this kind of practice if you face any such issues. And if you face any difficulties with Git let us know we'll help you out.

lakshyagupta21 avatar Apr 03 '19 10:04 lakshyagupta21

Apologizes for that, from next time onwards I will make sure that it does not happen

ajay-prabhakar avatar Apr 03 '19 10:04 ajay-prabhakar

@lakshyagupta21 @Chromicle is this issue still open?

devanshi7799 avatar Jan 18 '20 14:01 devanshi7799

I updated my PR and it is under review

ajay-prabhakar avatar Jan 18 '20 16:01 ajay-prabhakar

@Chromicle @lakshyagupta21 instead of button, can we use FABs? it would look good.

devanshi7799 avatar Jan 19 '20 05:01 devanshi7799

I don't think fabs look good for 2 buttons in the bottom it is bad UI, we use the fab if we have only one button I wrote the style for the button please have a look on it

ajay-prabhakar avatar Jan 19 '20 06:01 ajay-prabhakar