Results 1 to 2 of 2

Thread: Scrollable and Background-Color do not mix

  1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    9
    Vote Rating
    0
      0  

    Default Scrollable and Background-Color do not mix

    Ext.define('GS.view.Home', {
    extend:'Ext.form.Panel',
    xtype:'homepanel',

    config:{


    title:'Home',
    iconCls:'home',
    cls:'home',
    url:'index.html',
    styleHtmlContent: true,
    style:'background-color:red',
    },
    items:[
    { html:['Hello<br>Again<br>Again<br>Again<br>Again<br>Again<br>Again']},
    {
    xtype:'button',
    text:'ok',
    height:'40px',
    width:'200px',
    style:'margin:8px auto;',
    }
    ]
    The background color works only when I add scrollable:false

    =====================================================

    Update
    I just realized that the above scenario is true when using extend:'Ext.form.Panel' but the problem does not exist when extending from Ext.Panel instead

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Answers
    3976
    Vote Rating
    1382
      0  

    Default

    Inspect the DOM, make sure there is not an element that is on top that is causing the background to be different that what you would expect. Hint: there is a background on another element.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

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

Tags for this Thread

Posting Permissions

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