andymac-2 / milestoneMap

Milestone tracking application
Other
1 stars 4 forks source link

Milestone label formatting (Date under, name text at angle, comment under) #26

Closed PritchardBarry closed 6 years ago

PritchardBarry commented 6 years ago

I would still like the milestone date to be centred directly under the milestone.

Can I also see what it would look like with the milestone name at an angle to address the overlapp issue.

andymac-2 commented 6 years ago

I've created a quick mockup of angled text on the feature-angledText branch.

PritchardBarry commented 6 years ago

Looks good. Can we make the text wrap at 35 characters.

PritchardBarry commented 6 years ago

Also .... possible bug. Parameters appearing to get compressed. See the "Baseline" section in the report (image below)

screen shot 2018-04-29 at 8 42 51 pm

andymac-2 commented 6 years ago

I'd probably recommend having the date above and the name below a milestone, that way it won't overlap the dates at the top when you add business milestones.

andymac-2 commented 6 years ago

Alternatively if you want the name on top, I can move the business milestones down.

PritchardBarry commented 6 years ago

Won’t that make it harder to repeat when more than one page exists?

andymac-2 commented 6 years ago

There is going to need to be extra room at the top of milestones at the page start, or extra room at the bottom of the page so that text is not truncated. Either way, I anticipate the same level of difficulty when printing. Printing the document is going to require solving a number of problems first, and this is one of them. The easiest solution printing would be to have horizontal text, but that raises the issue of text overlapping other text. Horizontal text is out the window.

andymac-2 commented 6 years ago

Looks good. Can we make the text wrap at 35 characters.

Probably not the best idea, characters are not fixed width unless you wanted to transfer to a monospaced font. Truncating or wrapping at a given width would be preferable.

andymac-2 commented 6 years ago

Just had a look at the test data, there is no way that I will be able to format that text so that it doesn't overlap horizontally. We will absolutely need angled text.

PritchardBarry commented 6 years ago

wrapping at a given width would be preferable Agreed. I think that was what I meant .... wrapping at a given width.

andymac-2 commented 6 years ago

example This is an example of using extra vertical room to prevent overlap of text when elements are packed together, (see the right of the image). The downside to formatting it that way is that there is no limit on how far vertically you can take it, and there is still no place to put comments. You would have to have the milestone data formatted something like so:

 Jul 01: Milestone name
 | Milestone comment
 |      Jul 04: Milestone name 2
 |      | Other Comment
/ \    / \
\ /    \ /

The advantage however would be that even if milestones were on the same day, the text would not overlap.

Jul 01: Milestone name
 | Milestone comment
Jul 01: Milestone name 2
 | Other Comment
/ \
\ /
PritchardBarry commented 6 years ago

I like the look of this (except the date increments on the line). How easy would that be? Could we add comments In a different colour?

andymac-2 commented 6 years ago

This is probably the easiest way to generate milestone text which is guaranteed not to overlap other text.

Tasks required:

andymac-2 commented 6 years ago

Ref 4a26bdc

andymac-2 commented 6 years ago

image

andymac-2 commented 6 years ago

Closing this as resolved.