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,323
    Vote Rating
    186
    ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold

      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