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,305
    Vote Rating
    108
    ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice

      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