You found a bug! We've classified it as EXTJS-8591 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    977
    Vote Rating
    113
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default [4.2.0 beta 2] Panel "border: false" doesn't hide the body's top border

    [4.2.0 beta 2] Panel "border: false" doesn't hide the body's top border


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2.0 beta 2
    Browser versions tested against:
    • Chrome
    • IE9
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • Am I wrong to expect the body's top border hidden in the test case below according "border: false"?
    Steps to reproduce the problem:
    • Just run the sample
    The result that was expected:
    • There is no the body's top border
    The result that occurs instead:
    • The body's top border appears
    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Panel border: false</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
    
        <style>
            .my-panel .x-panel-header {
                background-color: white;
                background-image: none;
                border: none;
            }
    
            /*it helps to hide the body's top border*/
            /*.my-panel .x-panel-body {
                border: none;
            }*/
        </style>
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                Ext.create("Ext.panel.Panel", {
                   renderTo: Ext.getBody(),
                    width: 200,
                    height: 200,
                    title: "Title",
                    border: false,
                    cls: "my-panel",
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>

    HELPFUL INFORMATION

    Additional CSS used:
    • ext-all.css
    • To hide the header's borders:
    Code:
    <style>
        .my-panel .x-panel-header {
            background-color: white;
            background-image: none;
            border: none;
        }
    
        /*it helps to hide the body's top border*/
        /*.my-panel .x-panel-body {
            border: none;
        }*/
    </style>
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,642
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    977
    Vote Rating
    113
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default


    Thank you, Mitchell.

    Apologize for bothering you, but these ones seem escaped away your eagle eyes.
    http://www.sencha.com/forum/showthread.php?255890
    http://www.sencha.com/forum/showthread.php?255370

    Could you, please, take a look?
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

Thread Participants: 1