1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    17
    Vote Rating
    0
    xherbie is on a distinguished road

      0  

    Default ie8 form rendering issue

    ie8 form rendering issue


    Hi, I have a form which is rendering ok with Chrome and Firefox but IE8 is failing see
    screenshot:


    The code:

    Code:
        Ext.onReady(function(){
           Ext.QuickTips.init();
           //Ext.form.Field.prototype.msgTarget = 'side';
        var MyWebForm = new Ext.FormPanel( {
           standardSubmit: true,    
           url: 'http://www.url.com/update.html',
           frame: true,
           //bodyStyle:'background-color: #fff; padding:5px 5px 0;',
           width: 950,
           fieldDefaults: {
             msgTarget: 'side',
             width: 550,
             labelWidth: 200
           },
           defaults: {
              anchor: '100%'
           },
           monitorValid: true,
           defaultType: 'textfield',
           items : [
                {
                   xtype:'fieldset',
                   title: 'Allgemeine Angaben',
                   collapsible: true,
                   defaultType: 'textfield',
                   layout: 'anchor',
                   defaults: {
                       anchor: '100%'
                   },
                   items: [
                   {
                     id: 'myGroup',
                     xtype: 'radiogroup',
                     fieldLabel: 'Art der Änderung',
                     columns: 1,
                     vertical: true,
                     items: [
                         {boxLabel: 'Korrektur', name: 'aa', inputValue: 'Update', checked: true},
                         {boxLabel: 'Neuer Content', name: 'aa', inputValue: 'New content'}
                     ]
                   },
                   {
                       fieldLabel: 'Titel',
                       name: 'title',
                       allowBlank: false
                   },
                   {
                       fieldLabel: 'Rubrik',
                       name: 'topic',
                       allowBlank: false
                   },
                  {
                       fieldLabel: 'E-Mail Absender',
                       name: 'person',
                       allowBlank: false,
                       vtype: 'email'
                       //anchor: '50%'
                   },
                   {
                       fieldLabel: 'Gewünschtes Datum',
                       xtype: 'datefield',
                       name: 'date'
                       //anchor: '50%'
                   },
                   {
                       xtype: 'textareafield',
                       fieldLabel: 'Kommentare',
                       grow:       true,
                       name: 'comments'
                   },
                   {
                       xtype: 'hiddenfield',
                       name: 'mydigest',
                       value: '<%$digest%>'
                   },
                   {
                       xtype: 'hiddenfield',
                       name: 'timestamp',
                       value: '<%$timestamp%>'
                   },
                   {
                       xtype: 'hiddenfield',
                       name: 'status',
                       value: 'new'
                   }
                   ]
                },
                {
                   xtype:'fieldset',
                   title: 'Inhalte',
                   collapsible: true,
                   layout: 'anchor',
                   defaults: {
                       anchor: '100%'
                   },
                   items: [{
                       xtype:'tabpanel',
                       activeTab: 0,
                       // defaults:{
                           // bodyStyle:'padding:10px'
                       // },
                       items:[
                      {
                          title:'Deutsch',
                          layout: 'fit',
                          cls: 'x-plain',
    
                          items: [{
                              xtype: 'htmleditor',
                              height: 400,
                              anchor: '100%',
                              name: 'content_de'
                          }]
                      },
                      {
                          title:'Französisch',
                          layout: 'fit',
                          cls: 'x-plain',
    
                          items: [{
                              xtype: 'htmleditor',
                              anchor: '100%',
                              height: 400,
                              name: 'content_fr'
                          }]
                      },
                      {
                          title:'Italienisch',
                          layout: 'fit',
                          cls: 'x-plain',
    
                          items: [{
                              xtype: 'htmleditor',
                              anchor: '100%',
                              height: 400,
                              name: 'content_it'
                          }]
                      }
                      ]
                   }]
                },
                {
                   xtype:'fieldset',
                   title: 'File Uploads',
                   collapsible: true,
                   layout: 'anchor',
                   defaults: {
                       anchor: '40%'
                   },
                   items: [
                   {
                     xtype: 'filefield',
                     fieldLabel: 'Upload 1',
                     name: 'upload1'
                   },
                   {
                     xtype: 'filefield',
                     fieldLabel: 'Upload 2',
                     name: 'upload2'
                   },
                   {
                     xtype: 'filefield',
                     fieldLabel: 'Upload 3',
                     name: 'upload3'
                   }
                   ]
                }
            ],
            buttons: [
                {
                    text: 'Senden',
                    id: 'mysubmit',
                    formBind: true,
                    handler: function() {
                        //MyWebForm.getForm().getEl().dom.action = 'http://xy.com';
                        //MyWebForm.getForm().getEl().dom.method = 'POST';
                        var form = this.up('form').getForm();
                        if (form.isValid()) {
                           form.submit();
                        }
                    }
                }
             ]
    
            
        });
        MyWebForm.render('myform');
    });
    thanks for your help.
    Best regards
    Herbie

  2. #2
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,264
    Vote Rating
    80
    ssamayoa is a jewel in the rough ssamayoa is a jewel in the rough ssamayoa is a jewel in the rough ssamayoa is a jewel in the rough

      0  

    Default


    Fill a bug report with a test case.

    Regards.
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  3. #3
    Sencha User
    Join Date
    Oct 2010
    Posts
    17
    Vote Rating
    0
    xherbie is on a distinguished road

      0  

    Default bug filed

    bug filed


    see http://www.sencha.com/forum/showthre...endering-issue

    best regards
    Herbie

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