1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    20
    Vote Rating
    0
    hihei is on a distinguished road

      0  

    Default Unanswered: Panel Margin

    Unanswered: Panel Margin


    I want a border in my panel, but I don't understand what's wrong in my code:

    panel:

    Code:
    myPanel= Ext.extend(Ext.Panel, {
        constructor: function(config){
            App.Views.myPanel.superclass.constructor.call(this, config);
        },
    
      initComponent: function(){
        
        Ext.apply(this, {
          title: "myPanel",
          tpl : this.myTpl,
          cls: 'detail-border'
        });
        
        App.Views.myPanel.superclass.initComponent.call(this);
      
      },
    
    });
    
    
    Ext.reg('App.Views.myPanel', App.Views.myPanel);

    and css class:
    Code:
    .detail-border {
        padding: 8px;
        margin: 8px;
        border-color: #3bbfce;
        border-width: 20px;
        border-color: #900;
    }

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,227
    Answers
    3523
    Vote Rating
    859
    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


    Have you inspected the DOM to see what is going on?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1