help with overflow in text elements

225

David posted over 15 years ago

i've set the following property on my grid:

grid.DisplayLayout.Override.CellAppearance.TextTrimming = TextTrimming.EllipsisCharacter;

now say i put the following value into it:

872.143

case (1) - if the cell is really small, it does the following (which i like):

87...

case (2) - if the cell is a little bigger, it does the following (i don't like this):

872.1...

if it's big enough to display that elipsis, i'd rather it display another digit of precision after the decimal place.

with case (1) i'm ok sacrificing precision to get the ellipsis because otherwise the user has no means of knowing whether that says 872 or 87234591.

but with case (2), the user can see the decimal point so s/he knows the absolute size of the number in there (can't confuse 872 with 8725897)

case (3) - sometimes i get this:

872....

in this case (3) there are four periods because the decimal place is right next to the ellipsis. this is confusing.

what i'd like is these cases to show:

87...
872.14
872.1

in cases (2) and (3) the user could expand the column to see the less-significant digits in the number.

any advice?

469350

Offline Mike Saltzman posted over 15 years ago in reply to David

I'm not sure why it's all smushed like that. It doesn't do that for me, but I suspect this might be browser-dependent. I'm using FireFox.
Anyway, try pasting the code into NotePad and then copy from there so it's formatted as raw text - that might help.
Perhaps a better thing to do might be to create a small sample project and zip it up and attach it here so folks can run it and test it out.
Cancel
Reply

Cancel
225

David posted over 15 years ago in reply to David

ack - how do i get it to not reformat my code into one big smush?
Cancel
Reply

Cancel
225

David posted over 15 years ago in reply to Mike Saltzman

thanks, that was a big help. i decided to use a draw filter to display a little overflow "indicator" triangle in the corner of the cell instead, kind of the way excel displays a warning. this way, the user is notified that there is text overflow, but doesn't sacrifice precision by using the ellipsis.

in the following code, i make my little smaller if it's in the last cell in the row. but that doesn't seem like the right thing to do. i should be messing with the offset instead. something to do with cell / row borders, i imagine. any advice?
class OverflowIndicatorFilter : IUIElementDrawFilter { public DrawPhase GetPhasesToFilter(ref UIElementDrawParams drawParams) { if (drawParams.Element is CellUIElement) { return DrawPhase.BeforeDrawImage; } return DrawPhase.None; } public bool DrawElement(DrawPhase drawPhase, ref UIElementDrawParams drawParams) { switch(drawPhase) { case DrawPhase.BeforeDrawImage: var cell = drawParams.Element.SelectableItem as UltraGridCell; if (cell == null) return true; if (!ShouldDraw(cell, drawParams.Graphics, drawParams.Font)) return true; DrawTriangle(drawParams.Graphics, drawParams.Element.Rect, IsLastCell(cell)); return true; default: return false; } } /// <summary> /// Measure the contents of the cell. If the text is bigger than the cell width, draw the triangle. /// </summary> private static bool ShouldDraw (UltraGridCell cell_, Graphics graphics_, Font font_) { var size = graphics_.MeasureString(cell_.Text, font_); return (size.Width > cell_.Width); } /// <summary> /// Need to check if it's the last cell in the row because it needs one less /// pixel of triangle. No cell border, just row border? /// </summary> private static bool IsLastCell (UltraGridCell cell_) { int n = cell_.Row.Cells.Count; int i = cell_.Row.Cells.IndexOf(cell_); return n == i + 1; } private static void DrawTriangle (Graphics g_, Rectangle rect_, bool last_) { int triangleSize = last_ ? 7 : 8; // if it's in the last row, need a smaller triangle var corner = new Point(rect_.Location.X + rect_.Width, rect_.Location.Y + rect_.Height); var vertical = new Point(corner.X, corner.Y - triangleSize); var horiz = new Point(corner.X - triangleSize, corner.Y); g_.FillPolygon(Brushes.Black, new[ { corner, vertical, horiz }); }
}
Cancel
Reply

Cancel
469350

Verified Answer
Offline Mike Saltzman posted over 15 years ago in reply to David

mildavi said:
that sounds terrifying.

I agree. It's not going to be fun. :)
mildavi said:
how do i determine how much of the text is visible?
You would handle the drawing of the TextUIElement using a DrawFilter. The element size is already determined by the grid. So you would use that as your bounding size and then use MeasureString to determine how many charactters can fit. Since you will also need to determine when the ellipsis fits, you will probably need to measure multiple times using trial-and-error to get the right string.
Cancel
Reply

Reject Answer

Cancel
225

David posted over 15 years ago in reply to Mike Saltzman

that sounds terrifying. how do i determine how much of the text is visible?
Cancel
Reply

Cancel