Hybrid View

    You found a bug! We've classified it as EXTJSIV-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
    683
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough

      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
    St. Louis, MO
    Posts
    33,641
    Vote Rating
    434
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      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
    683
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough

      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