Comments (6)
When testing I noticed and fixed the add plot screen overlap just as you posted the issue :) I missed that .tss file last night.
The font size can be modified and was only part of the changes. Some other changes include:
-list screen rows now have a header height of 80 and row heights of 60.
-the Add label is sized to pick up clicks much easier and avoid accidental navigation presses.
There are UI fonts that cannot be modified easily. TabbedBar fonts are static, and it would take some work to recreate them with ButtonBars just to change the font size. Same thing with the Nav buttons, custom ones can be written, but the ones provided can't be modified AFAIK.
Because of these issues everyone's feedback is appreciated. The idea behind increasing the font was to increase readability but also to make use of the screen available. Seeing a screen with all the functionality crammed into the top quarter of the layout feels wrong.
Perhaps the font could be brought back down to 20 (from 24, issue #24) and two lines of text for each row could be used (bringing each row's height up to ~80) to make better use of the screen.
Thoughts?
edit: the TextField height can be increased to address the "tightness" of input fields, 36 works nice.
from capstone.
I'd to help if I can. Want to put a screen cap into this issue so I can see?
On Sunday, May 18, 2014, Nick Gulajec [email protected] wrote:
When testing I noticed and fixed the add plot screen overlap just as you
posted the issue :) I missed that .tss file last night.The font size can be modified and was only part of the changes. Some other
changes include:
-list screen rows now have a header height of 80 and row heights of 60.
-the Add label is sized to pick up clicks much easier and avoid accidental
navigation presses.There are UI fonts that cannot be modified easily. TabbedBar fonts are
static, and it would take some work to recreate them with ButtonBars just
to change the font size. Same thing with the Nav buttons, custom ones can
be written, but the ones provided can't be modified AFAIK.Because of these issues everyone's feedback is appreciated. The idea
behind increasing the font was to increase readability but also to make use
of the screen available. Seeing a screen with all the functionality crammed
into the top quarter of the layout feels wrong.Perhaps the font could be brought back down to 20 (from 24, issue #24#24)
and two lines of text for each row could be used (bringing each row's
height up to ~80) to make better use of the screen.Thoughts?
—
Reply to this email directly or view it on GitHubhttps://github.com//issues/24#issuecomment-43450126
.
from capstone.
Here is the 'index' screen, site surveys, with 24 size fonts:
Here is the site survey screen modified with 20 size fonts and a row height of 48 (what the application has been set to for the past month):
And here is 20pt font with a row height of 60 for fun:
Note for the last two images I did not revert the header and footer heights to what they used to be.
from capstone.
Those look alright. Where it starts looking cramped is AddTransect 24 font:
Here is what it used to look like in 20 font:
The editable TextFields can be resized to give the font inside more breathing room, like in this modal:
Note that the vertical distance between rows in this last shot has not be increased to accommodate the larger font and would need to happen.
from capstone.
You could make a couple graphical buttons. Imagine a square with each of
the corners filled in for top left bottom right. Every touch toggles the
graphic. There should be an image button control somewhere in the toolkit.
On Monday, May 19, 2014, Nick Gulajec [email protected] wrote:
Those look alright. Where it starts looking cramped is AddTransect 24 font:
[image: addtransect24]https://cloud.githubusercontent.com/assets/4177568/3016782/f4719f6e-df71-11e3-9722-02bdd1e61f90.pngHere is what it used to look like in 20 font:
[image: addtransect20]https://cloud.githubusercontent.com/assets/4177568/3016785/fce5a3e8-df71-11e3-8439-064c36163e15.pngThe editable TextFields can be resized to give the font inside more
breathing room, like in this modal:
[image: 36heighttextfield]https://cloud.githubusercontent.com/assets/4177568/3016790/18336090-df72-11e3-82b8-0a03195153ff.png
Note that the vertical distance between rows in this last shot has not be
increased to accommodate the larger font and would need to happen.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/24#issuecomment-43525878
.
from capstone.
The experiment with a larger font has concluded and all screens been reverted to fontSize:20. Other ways of utilizing screen real-estate are being explored.
from capstone.
Related Issues (20)
- Landscape orientation keyboard covers the comments field of addTransect HOT 1
- Cannot delete a re-listed plot observation. HOT 5
- Add Plot - allows duplicate plot naming/numbering HOT 10
- Feedback on photo preview modal HOT 3
- Disable or Hide info icon when in edit mode HOT 4
- Clicking the view behind a formview modal should dismiss it HOT 2
- Add plot observation: Search field doesn't distinguish species with multiple varieties in the english name section.
- Viewing an empty transect in plots.js causes a non-fatal database error
- Export screen is vague, needs instructions HOT 1
- Add Plot Observation Validation
- Transect Modal HOT 1
- Add Plot - Incomplete Validation (location capture) HOT 1
- Other Surveyors Field in addTransect, transectModal empty value error
- Errors are thrown after removing database regeneration lines (index.js) HOT 1
- Only allowed to select parks that are preloaded.
- Users can enter their own park name and hit done.
- Able to add a transect when error messages are visible for plot distance and surveyor name HOT 3
- Add Plot should check for > 400% plots HOT 2
- Revisiting a Site the Modal's show the red screen! App Error.
- Deleting a entry in the plot observation screen takes the table out of editing mode. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from capstone.