Hybrid View

  1. #1
    Ext User
    Join Date
    Mar 2007
    Posts
    56
    Vote Rating
    0
    donalconlon is on a distinguished road

      0  

    Default Grid columns overlap on resize

    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?

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Most likely you have a CSS issue. Either multiple grids or missing CSS. Look at FAQ that has been started in Dev Discussion forum

  3. #3
    Ext User
    Join Date
    Mar 2007
    Posts
    56
    Vote Rating
    0
    donalconlon is on a distinguished road

      0  

    Default


    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?

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    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.

  5. #5
    Ext User
    Join Date
    Mar 2007
    Posts
    56
    Vote Rating
    0
    donalconlon is on a distinguished road

      0  

    Default


    Sorry Tim,
    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.

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Can you post sample HTML? (disable HTML in this post)

  7. #7
    Ext User
    Join Date
    Mar 2007
    Posts
    56
    Vote Rating
    0
    donalconlon is on a distinguished road

      0  

    Default


    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?

  8. #8
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    Are you using @import or is your css file on a different domain? Those two are also known to cause problems.

  9. #9
    Ext User
    Join Date
    Mar 2007
    Posts
    56
    Vote Rating
    0
    donalconlon is on a distinguished road

      0  

    Default


    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!

  10. #10
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,507
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    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.

Similar Threads

  1. Dynamic Columns for Grid
    By kinky_lizzard in forum Ext 1.x: Help & Discussion
    Replies: 7
    Last Post: 24 May 2010, 11:20 PM
  2. Best way to load a large series of images and overlap them?
    By Bobafart in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 15 Feb 2007, 2:34 PM
  3. Nested Grid Columns
    By dlibby00 in forum Community Discussion
    Replies: 4
    Last Post: 29 Jan 2007, 9:53 AM
  4. What is the overlap between yui and yui-ext?
    By jweber in forum Ext 1.x: Help & Discussion
    Replies: 5
    Last Post: 26 Jan 2007, 5:09 PM
  5. ContentPanel & window resize / splitter resize
    By christocracy in forum Ext 1.x: Help & Discussion
    Replies: 4
    Last Post: 23 Oct 2006, 7:51 PM

Thread Participants: 3