Results 1 to 10 of 10

Thread: Header icons appears to be cut

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Jun 2011
    Posts
    185

    Default Header icons appears to be cut

    Hello!

    I have a viewport (layout: border) in my home page, but the header icons appears to be cut.

    code:
    Code:
    Ext.onReady(function(){
        Ext.create('Ext.container.Viewport', {
        layout: 'border',
        bodyBorder: false,
        renderTo: Ext.getBody(),
        items: [
            {
                region: 'north',
                bodyStyle: 'border-bottom: 5px solid #3892D3',
                autoLoad    : { 
                    url: 'header_login.html'
                }
            }, 
            {
                region: 'west',
                collapsible: true,
                title: 'Navegação',
                minWidth: 240,
                maxWidth: 500,
                width: 240,
                split: true,
                autoLoad: {
                    url: 'includes/components/menu_accordion/accordion.php',
                    scripts: true
                }
            },
            {
                id: 'contentTabs',
                region: 'center',
                layout: 'fit',
                xtype: 'tabpanel', // TabPanel itself has no title
                activeTab: 0,
                items: {
                    title: 'Início',
                    html: 'Test',
                    layout: 'fit'
                }
            }]
        });
    });
    Image:
    Capturar.PNG

    Thanks!

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    I'm going to open this as a bug.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,258

    Default

    Are you running this in dev mode?
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Posts
    185

    Default

    I'm using the ext-all-debug file..

    Thanks !

  5. #5
    Sencha User
    Join Date
    Jun 2011
    Posts
    185

    Default

    up!

  6. #6
    Sencha User mono blaine's Avatar
    Join Date
    Jul 2008
    Location
    Turkey
    Posts
    123

    Default

    If you're not using Sencha Cmd, you have to manually include Neptune theme overrides. That's probably the reason.

  7. #7
    Sencha User
    Join Date
    Jun 2011
    Posts
    185

    Default

    I'm just including the ext-all-debug in my main page.. I didn't use sencha Cmd, but i think this is not the reason...

    Thanks!

  8. #8
    Sencha User mono blaine's Avatar
    Join Date
    Jul 2008
    Location
    Turkey
    Posts
    123

    Default

    Have you tried including the following file? (after ext-all-debug.js)

    Code:
    [path-to-extjs-sdk]\packages\ext-theme-neptune\build\ext-theme-neptune.js

  9. #9
    Sencha User
    Join Date
    Jun 2011
    Posts
    185

    Default

    I'm included the ext neptune builder and aparently works, but there one thing i think is not a bug but i'll ask anyway, when i collapse a pannel in the main viewport the content of the pannel is filled with the color of the pannel's title background but i think is because it's the main viewport..

    Thanks !!

  10. #10
    Sencha User Phil Guerrant's Avatar
    Join Date
    May 2011
    Location
    Colorado
    Posts
    352

    Default

    @rafaelrp yes, what you're seeing is the background color of the border layout. sorry for the delayed response. I'm closing this ticket since it's not a bug.
    Phil Guerrant
    Ext JS - Development Team

Posting Permissions

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