This is a migrated thread and some comments may be shown as answers.

grid bug displaying images in FF/IE not Chrome

2 Answers 111 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Cary Abramoff
Top achievements
Rank 1
Cary Abramoff asked on 15 Nov 2011, 12:57 AM

Addendum: I am adding this as I have indeed isolated the problem to the proposed solution in 
http://www.kendoui.com/forums/ui/grid/grid-widths-wider-than-specified.aspx

With width for last column FF/IE can render properly: 
http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty1A.html?kraftyman=00000100002145560985

With width omitted: http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty1C.html?kraftyman=00000100002145560985

FF / IE fail


When I remove the final col width I lose my template images.
When I put the width back the grid is fine in FF/IE again except my widths are off.
Clearly the cure is worth than the disease :))

HELP! :))

Cary

Hi!

The other day I posted about my grid columns needing to layout better.
I was told to omit a width for the last column.
That did work but the problem is I tested only in chrome.
ref:
http://www.kendoui.com/forums/ui/grid/grid-widths-wider-than-specified.aspx

Now I am testing in FF/IE and there are 2 big problems I did not see before my changes.
Again chrome is fine and I created a live link so you can see for yourself :))

Also included are snapshots.
If you check it in chrome first to baseline the intended behavior and then check in FF/IE you will immediately see the issue.

1. In FF where ONLY images from template should render INSTEAD I get the ellipsis (...) - No images
2. In IE I get BOTH images & ellipsis
3. In Chrome I get just images as intended.

Here is the live link demo: http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty1C.html?kraftyman=00000100002145560985

Please help as right now I have to rollback and figure out what went wrong so I can continue development.

Thanks!

Cary







2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 15 Nov 2011, 08:47 AM
Hi Cary,

The column widths are too small and the content does not fit, that's why you get ellipsis. For example, there are 41-px-wide images in a 26px-wide column...? Moreover, the cell padding should be taken into account. In Firefox the specified column widths should be at least 18px larger than the content.

Please try configuring the columns again and let us know if there are any issues.

Best wishes,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Cary Abramoff
Top achievements
Rank 1
answered on 15 Nov 2011, 08:30 PM
Thanks very much for the quick update. Indeed you're correct.
Tags
Grid
Asked by
Cary Abramoff
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Cary Abramoff
Top achievements
Rank 1
Share this question
or