Results 1 to 10 of 10

Thread: Grid HeaderContainer border in 4.2.x

  1. #1
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    487
    Answers
    4

    Default Grid HeaderContainer border in 4.2.x

    Is there a way to define the header container in a grid panel in 4.2.x? Right now I get this gray border on top of my column header and can't seem to get rid of it unless I use some nasty forced CSS: http://puu.sh/gYOwC/ab9a2a2052.png

    Would much rather do it with border: false but can't find the docs on grid header container config.

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I'm not sure you can do anything without some CSS. From what theme did you inherit? I'm not seeing a border aside from the grid border:
    https://fiddle.sencha.com/#fiddle/krn

  3. #3
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    487
    Answers
    4

    Default

    That grey line below the blue one? Not in our current 4.1.1 implementation:

    http://puu.sh/h4Adq/bfa22f6673.png

    It's being added directly to the element: http://puu.sh/h4B5v/e0aa8f3221.png and would therefore require "!important" to override it - YUCK

    Note that the headerCt has "no-border-left" and "no-border-right": http://puu.sh/h4B7V/3ad59c5674.png

    I just want to find out how to ensure it also has "no-border-top" via the grid component's initial config.


    Our theme is base on the standard Ext theme with some extremely heavy modding (it was done way before Neptune was a thing).

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I see the grey line now, thanks. To which specific 4.2.x version are you upgrading? When I try that Fiddle in various 4.2 versions, I do see the x-docked-noborder-top you mentioned (along with x-docked-noborder-right and x-docked-noborder-left)

    Screen Shot 2015-04-07 at 1.15.27 PM.png

  5. #5
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    487
    Answers
    4

    Default

    I'm using 4.2.3

    Obviously, our grids are pretty complex so there's no doubt some interaction going on that I'm not seeing. While it would be too much for me to post the entire grid code, I can say that in general we use a viewConfig to define getRowClass function and set border to false but other than that, there's nothing I can see that specifically would cause this difference in behaviour between 4.1.1 and 4.2.3

    I wonder if there's some difference in the way docked items are implemented? Are you adding toolbars in your fiddle tests?

  6. #6
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    No toolbars, just the Fiddle listed above. When I do test with a toolbar, the x-docked-noborder-top is not present, rather it shows up in the tbar markup.
    Screen Shot 2015-04-08 at 4.06.16 PM.png

    Surprisingly though, it seems to be the same with 4.2.3 or 4.1.1.

  7. #7
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    487
    Answers
    4

    Default

    In your fiddle, 4.2.3 doesn't work at all for me: http://puu.sh/h7psm/2a3bf27f60.png

    A
    lso note that I forked your fiddle, added some more options to make it more similar to the kind of setup you might expext in our platform and there's no sign of x-docked-noborder-top in the output. Here's the forked fiddle: https://fiddle.sencha.com/#fiddle/l0m

    and here's a screen grab: http://puu.sh/h7pDE/d79b31eccf.png

  8. #8
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    487
    Answers
    4

    Default

    Bump

  9. #9
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Sorry for the delay. To see a Fiddle running 4.2.3, you must be logged into Fiddle with your forum credentials.

    Do you see the same results in that Fiddle?

  10. #10
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    487
    Answers
    4

    Default

    Quote Originally Posted by Gary Schlosberg View Post
    Sorry for the delay. To see a Fiddle running 4.2.3, you must be logged into Fiddle with your forum credentials.

    Do you see the same results in that Fiddle?
    OK, got yours working in 4.2.3 Looks fine.

    However, please see my post about the additional options in my fiddle that seem to product the problem with the incorrect CSS classes being applied. My guess is there's some interaction with the viewConfig or the action of adding a docked toolbar above the grid creating the problem.

Similar Threads

  1. Replies: 2
    Last Post: 13 Feb 2015, 6:38 AM
  2. Replies: 4
    Last Post: 6 Jun 2014, 8:27 PM
  3. Replies: 2
    Last Post: 3 Dec 2013, 3:23 PM
  4. Replies: 2
    Last Post: 28 Feb 2013, 6:20 AM
  5. [B3] HeaderContainer Configs are Ignored
    By MrSparks in forum Ext:Bugs
    Replies: 0
    Last Post: 22 Apr 2011, 6:38 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •