1. #1
    Sencha Premium Member
    Join Date
    Nov 2011
    Posts
    102
    Vote Rating
    1
    anarchos78 is on a distinguished road

      0  

    Default Trying to balance over errors

    Trying to balance over errors


    Greetings,

    I have a border layout inside a tab. The “center” of the border is a card layout. The reason for this is that I want to present pdfs or text data occasionally.
    When I open a tab I see an error: “$body.css("background-image") is undefined”
    What does thit error mean? And how do I get reed of it?

    Thank you in advance,

    Tom

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,912
    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


    Just to make sure I understand, your layout is:

    Code:
    Ext.define('MyTabPanel', {
        extend: 'Ext.tab.Panel',
    
        height: 250,
        width: 400,
        activeTab: 0,
    
        initComponent: function() {
            var me = this;
    
            Ext.applyIf(me, {
                items: [
                    {
                        xtype: 'panel',
                        layout: {
                            type: 'border'
                        },
                        title: 'Tab 1',
                        items: [
                            {
                                xtype: 'panel',
                                width: 150,
                                title: 'My Panel',
                                region: 'west'
                            },
                            {
                                xtype: 'panel',
                                activeItem: 0,
                                layout: {
                                    type: 'card'
                                },
                                title: 'My Panel',
                                region: 'center',
                                items: [
                                    {
                                        xtype: 'panel',
                                        title: 'My Panel'
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        xtype: 'panel',
                        title: 'Tab 2'
                    },
                    {
                        xtype: 'panel',
                        title: 'Tab 3'
                    }
                ]
            });
    
            me.callParent(arguments);
        }
    
    });
    
    Ext.create('MyTabPanel', { 
        renderTo: Ext.getBody()
    });
    When do you see the error?

    Scott.

  3. #3
    Sencha Premium Member
    Join Date
    Nov 2011
    Posts
    102
    Vote Rating
    1
    anarchos78 is on a distinguished road

      0  

    Default


    I tried few things and I found where the error comes from. It is a component that I am using for pdf presentation (I use it in the card layout). But I don’t know how to address it. Any idea? What kind of error is this? The component I am using:

    Code:
    // vim: sw=2:ts=2:nu:nospell:fdc=2:expandtab
    /**
    * @class Ext.ux.SimpleIFrame
    * @extends Ext.Panel
    *
    * A simple ExtJS 4 implementaton of an iframe providing basic functionality.
    * For example:
    *
    * var panel=Ext.create('Ext.ux.SimpleIFrame', {
    *   border: false,
    *   src: 'http://localhost'
    * });
    * panel.setSrc('http://www.sencha.com');
    * panel.reset();
    * panel.reload();
    * panel.getSrc();
    * panel.update('<div><b>Some Content....</b></div>');
    * panel.destroy();
    *
    * @author    Conor Armstrong
    * @copyright (c) 2011 Conor Armstrong
    * @date      12 April 2011
    * @version   0.1
    *
    * @license Ext.ux.SimpleIFrame.js is licensed under the terms of the Open Source
    * LGPL 3.0 license. Commercial use is permitted to the extent that the 
    * code/component(s) do NOT become part of another Open Source or Commercially
    * licensed development library or toolkit without explicit permission.
    * 
    * <p>License details: <a href="http://www.gnu.org/licenses/lgpl.html"
    * target="_blank">http://www.gnu.org/licenses/lgpl.html</a></p>
    *
    */
    
    Ext.require([
        'Ext.panel.*'
    ]);
    
    Ext.define('Ledger.ux.SimpleIFrame', {
      extend: 'Ext.Panel',
      alias: 'widget.simpleiframe',
      src: 'about:blank',
      loadingText: 'Loading ...',
      border: false,
      initComponent: function(){
        this.updateHTML();
        this.callParent(arguments);
      },
      updateHTML: function() {
        this.html='<iframe id="iframe-'+this.id+'"'+
            ' style="overflow:auto;width:100%;height:100%;"'+
            ' frameborder="0" '+
            ' src="'+this.src+'"'+
            '></iframe>';
      },
      reload: function() {
        this.setSrc(this.src);
      },
      reset: function() {
        var iframe=this.getDOM();
        var iframeParent=iframe.parentNode;
        if (iframe && iframeParent) {
          iframe.src='about:blank';
          iframe.parentNode.removeChild(iframe);
        }
    
        iframe=document.createElement('iframe');
        iframe.frameBorder=0;
        iframe.src=this.src;
        iframe.id='iframe-'+this.id;
        iframe.style.overflow='auto';
        iframe.style.width='100%';
        iframe.style.height='100%';
        iframeParent.appendChild(iframe);
      },
      setSrc: function(src, loadingText) {
        this.src=src;
        var iframe=this.getDOM();
        if (iframe) {
          iframe.src=src;
        }
      },
      getSrc: function() {
        return this.src;
      },
      getDOM: function() {
        return document.getElementById('iframe-'+this.id);
      },
      getDocument: function() {
        var iframe=this.getDOM();
        iframe = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;
        return iframe.document;
      },
      destroy: function() {
        var iframe=this.getDOM();
        if (iframe && iframe.parentNode) {
          iframe.src='about:blank';
          iframe.parentNode.removeChild(iframe);
        }
        this.callParent(arguments);
      },
      update: function(content) {
        this.setSrc('about:blank');
        try {
          var doc=this.getDocument();
          doc.open();
          doc.write(content);
          doc.close();
        } catch(err) {
          // reset if any permission issues
          this.reset();
          var doc=this.getDocument();
          doc.open();
          doc.write(content);
          doc.close();
        }
      }
    });

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,912
    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


    You may want to try the more advanced version:
    http://www.sencha.com/forum/showthread.php?137233

    If this is too heavy, then you want want to contact the author of SimpleFrame to see if he has any ideas, as I have not used this component.

    Regards,
    Scott.

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