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,917
    Answers
    655
    Vote Rating
    443
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi