7 Dec 2006 3:18 PM #1
Grid columns overlap on resize
Just noticed this overlapping if I resize the columns. I have the latest build:
It corrects itself if i reload the data, until i resize again. Am I missing a property?
7 Dec 2006 4:21 PM #2
Most likely you have a CSS issue. Either multiple grids or missing CSS. Look at FAQ that has been started in Dev Discussion forum
8 Dec 2006 11:26 AM #3
I'm including the reset-min.css as well as reset-min.css (do I need that?). Still no joy. If I sort the column after resizing, then it looks fine. I didn't see the FAQ in the dev discussion group. You hardly mean the documentation sticky right?
8 Dec 2006 11:34 AM #4
If you're using yui-ext.css, you no longer need reset.css - it's included. If you're not you also need grid.css.
I meant the one titled FAQ Submission... http://www.yui-ext.com/forum/viewtopic.php?t=1279
The 1st entry discusses CSS related to multiple grids, but maybe your issue (assuming you have the right css includes), if the ygrid-col CSS is not getting applied to your grid.
8 Dec 2006 1:15 PM #5
I meant to say I was including 'grid.css' as well as 'reset-min.css'. I also threw in yui-ext.css as well, still no joy. I only have one grid on the page. However it's in a .net web part, so I'm going to look into if that's the issue.
8 Dec 2006 1:36 PM #6
11 Dec 2006 11:45 AM #7
So I finally got back to this. I extracted all the code from the (sharepoint) web part, and rewrote as a separate aspx page. The columns do not overlap on a standalone page. So it's down to all the other styles on the page I guess. Any clues as to what I should be looking for?
11 Dec 2006 12:34 PM #8
Are you using @import or is your css file on a different domain? Those two are also known to cause problems.
11 Dec 2006 12:53 PM #9
I'm not using an @import, and css files are local for all. The stand-alone page works fine, even if I reference all the same css files as the web part page. So am not sure what to look for!
12 Dec 2006 12:24 AM #10
- Join Date
- Mar 2007
- Notts/Redwood City
- Vote Rating
Bring up the page in FF and go into the DOM Inspector (Not the Firebug Inspector).
Navigate to one of the grid's data cells, and bring up the "CSS Style Rules" properties. You should be able to see from which rules in the document's stylesheets that element is drawing its styling from.
By kinky_lizzard in forum Ext 1.x: Help & DiscussionReplies: 7Last Post: 24 May 2010, 11:20 PM
By Bobafart in forum Ext 1.x: Help & DiscussionReplies: 2Last Post: 15 Feb 2007, 2:34 PM
By dlibby00 in forum Community DiscussionReplies: 4Last Post: 29 Jan 2007, 9:53 AM
By jweber in forum Ext 1.x: Help & DiscussionReplies: 5Last Post: 26 Jan 2007, 5:09 PM
By christocracy in forum Ext 1.x: Help & DiscussionReplies: 4Last Post: 23 Oct 2006, 7:51 PM