1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    61
    Answers
    5
    Vote Rating
    0
    jclark42796 will become famous soon enough

      0  

    Default Answered: Border CSS overridden in component

    Answered: Border CSS overridden in component


    In 4.0.7 the following could would render $123.45 with a double line on the bottom border. No border is rendered in 4.1.0. This seems due to the "border: false". Setting "border: true" will render a single line bottom border. Setting xtype to 'container' has no effect. For this to work, it needs to have a panel xtype, which seems more heavy weight than needed. BTW, I tried using 'cls' property, same effect as inline style.

    Is there another way to style a lightweight component with the double bottom border?

    Thanks,
    Jim

    Code:
    Ext.application({
        name: 'HelloExt',
        launch: function() {
            Ext.create('Ext.container.Viewport', {
                items: [
                    {
                      xtype: 'component',
                      html: '$123.45',
                      //cls: 'mycss',
                      style: 'height: 20px; border-bottom: 3px double black;',
                      border: false
                    }
                ]
            });
        }
    });

  2. Please try the following:

    Code:
    .mycssbox {
        border-bottom: 3px double red !important;
    }
    
    Ext.application({
        name: 'HelloExt',
        launch: function() {
            Ext.create('Ext.container.Viewport', {
                items: [
                    {
                      xtype: 'component',
                      html: '$123.45',
                      cls: 'mycssbox',
                      border: false
                    }
                ]
            });
        }
    });
    Regards,
    Scott.

  3. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,627
    Answers
    612
    Vote Rating
    399
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Please try the following:

    Code:
    .mycssbox {
        border-bottom: 3px double red !important;
    }
    
    Ext.application({
        name: 'HelloExt',
        launch: function() {
            Ext.create('Ext.container.Viewport', {
                items: [
                    {
                      xtype: 'component',
                      html: '$123.45',
                      cls: 'mycssbox',
                      border: false
                    }
                ]
            });
        }
    });
    Regards,
    Scott.

  4. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    61
    Answers
    5
    Vote Rating
    0
    jclark42796 will become famous soon enough

      0  

    Default


    Thanks, the !important did the trick.

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar