Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    305
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default Neptune Theme - Space between panel title and body

    Neptune Theme - Space between panel title and body


    Hello everyone,

    My grid - which is an item of tabpanel - has a space between its title and body. Hence background image is displayed there. I'm using Ext JS 4.2.1 Neptune Theme.

    Here is the screenshot: (highlighted the issue)
    Selection_002.jpg
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  2. #2
    Sencha - Support Team
    Join Date
    Nov 2014
    Posts
    323
    Vote Rating
    10
    joel.watson will become famous soon enough

      0  

    Default


    Hi talha06--

    Are you encountering this issue in specific browsers, or is it consistent across all browsers? Also, can you take a look at the fiddle I've included below? It's a simple tab panel with a grid.

    If you don't see the issue in the fiddle, it may be an issue with your configuration. Can you either share that configuration here, or (ideally) fork and modify the fiddle I've included in order to replicate what you're seeing? I'll be happy to test it along with you.

    Finally, have you made any changes to the theme or added any custom stylesheets that might be adding/overriding the styles?

    Thanks!


  3. #3
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    305
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    Hi Joel,

    Thanks a lot for your quick reply & care; just figured out the css style that adds background image to cover the whole page is the reason of this issues.

    Here is the css code for fullscreen background image:

    Code:
    .x-body {    background: url('../../resources/images/bg.jpg') no-repeat center center fixed;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    Can you guide me how can I set a background image that covers the whole page?
    Thanks in advance.
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  4. #4
    Sencha - Support Team
    Join Date
    Nov 2014
    Posts
    323
    Vote Rating
    10
    joel.watson will become famous soon enough

      0  

    Default


    Quote Originally Posted by talha06 View Post
    Hi Joel,

    Thanks a lot for your quick reply & care; just figured out the css style that adds background image to cover the whole page is the reason of this issues.

    Here is the css code for fullscreen background image:

    Code:
    .x-body {    background: url('../../resources/images/bg.jpg') no-repeat center center fixed;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    Can you guide me how can I set a background image that covers the whole page?
    Thanks in advance.
    Hi talha06--

    When I try your code, I don't see the original issue you posted. There might be something else in your code causing this. Can you post a test case in fiddle?

    Thanks!

Thread Participants: 1

Tags for this Thread