Results 1 to 4 of 4

Thread: The extjs proyect not show some elements correctly.

  1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    8

    Default The extjs proyect not show some elements correctly.

    Hi!, i have a project in extjs 3 and now i was generating the views with a web generator called http://extjs.org.cn/ux/GuiDesigner/, and this generator works fine but in the last screen that i put in my project, some elements are bad showed.

    For example:

    The generator Screen:
    OwooN.jpg

    A different generator (where i paste the 1st generator code):
    92763f5273390a78864fb5a4b696e9ee.jpg

    And the proyect screen:
    kJ81A.jpg

    Anyone know why my proyect not show the fields correctly??


    The Code:

    Code:
    /* This file is created or modified with 
     * Ext.ux.guid.plugin.GuiDesigner (v2.1.0) 
     */
    [  {
        xtype : "tabpanel",
        items : [      {
            xtype : "panel",
            title : 1
        },      {
            xtype : "panel",
            title : 2
        },      {
            xtype : "panel",
            title : 3,
            items : [          {
                layout : "absolute",
                height : 1020,
                items : [              {
                    xtype : "fieldset",
                    width : 1083,
                    height : 142,
                    x : 28.76666259765625,
                    y : 20.01666259765625,
                    title : "VIGENCIA",
                    items : [                  {
                        layout : "column",
                        items : [                      {
                            columnWidth : 0.5,
                            height : 100,
                            border : false,
                            items : [                          {
                                layout : "form",
                                height : 98,
                                items : [                              {
                                    xtype : "combo",
                                    name : "combovalue",
                                    hiddenName : "combovalue",
                                    fieldLabel : "Tipo Contrato"
                                }],
                                border : false
                            }]
                        },                      {
                            columnWidth : 0.5,
                            height : 100,
                            border : false,
                            items : [                          {
                                layout : "form",
                                height : 102,
                                border : false,
                                items : [                              {
                                    xtype : "datefield",
                                    fieldLabel : "Fecha Inicio",
                                    name : "start_date",
                                    dataIndex : "start_date",
                                    width : 169
                                },                              {
                                    xtype : "datefield",
                                    fieldLabel : "Fecha Fin",
                                    name : "end_date",
                                    dataIndex : "end_date",
                                    width : 169
                                }]
                            }]
                        }],
                        border : false
                    }]
                },              {
                    xtype : "fieldset",
                    x : 29.76666259765625,
                    y : 214.01666259765625,
                    width : 685,
                    height : 653,
                    title : "JORNADA LABORAL",
                    items : [                  {
                        height : 601,
                        layout : "form",
                        border : false,
                        items : [                      {
                            xtype : "textfield",
                            name : "textvalue",
                            fieldLabel : "Horas Semanales",
                            width : 47
                        },                      {
                            xtype : "form",
                            height : 309,
                            width : 635,
                            title : "Jornada Diaria"
                        },                      {
                            layout : "absolute",
                            height : 70,
                            border : false
                        },                      {
                            xtype : "textarea",
                            name : "textarea",
                            width : 528,
                            height : 167,
                            fieldLabel : "Observaciones"
                        }]
                    }]
                },              {
                    xtype : "fieldset",
                    x : 734.7666625976562,
                    width : 377,
                    height : 206,
                    title : "PREVISIONAL",
                    y : 214,
                    items : [                  {
                        layout : "column",
                        items : [                      {
                            columnWidth : 0.5,
                            height : 37,
                            items : [                          {
                                layout : "form",
                                height : 37,
                                items : [                              {
                                    xtype : "checkbox",
                                    name : "checkbox",
                                    inputValue : "cbvalue",
                                    fieldLabel : "Jubilado"
                                }],
                                border : false
                            }],
                            border : false
                        },                      {
                            columnWidth : 0.5,
                            height : 37,
                            items : [                          {
                                layout : "form",
                                height : 37,
                                items : [                              {
                                    xtype : "checkbox",
                                    name : "checkbox",
                                    inputValue : "cbvalue",
                                    fieldLabel : "Nunca ha Cotizado"
                                }],
                                border : false
                            }],
                            border : false
                        }],
                        border : false
                    },                  {
                        xtype : "textfield",
                        name : "textvalue",
                        width : 221,
                        fieldLabel : "Institucion de Salud"
                    },                  {
                        xtype : "combo",
                        name : "combovalue",
                        hiddenName : "combovalue",
                        width : 221,
                        fieldLabel : "Isapre"
                    },                  {
                        xtype : "textfield",
                        name : "textvalue",
                        width : 221,
                        fieldLabel : "AFP"
                    }]
                }]
            }]
        }],
        activeTab : 2
    },  {
    
    }]
    Thanks!

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Hard to say without seeing it run. Anything in the console?

  3. #3
    Sencha User
    Join Date
    Mar 2013
    Posts
    8

    Default

    The console show some information, but nothing about the file thats cointain the form. ( the file is named nuevocontrato.js)

    3cfb229b78cefa38ec00632244cf8e7b.jpg

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Is that grid_a_excel file there? Seems like it might be an issue with that web generator.

Similar Threads

  1. ExtJS 4: Window not sizing correctly on first show
    By firnnauriel in forum Ext: Q&A
    Replies: 2
    Last Post: 27 Jun 2016, 6:12 PM
  2. Replies: 2
    Last Post: 7 Mar 2014, 4:49 PM
  3. Some elements not rendering correctly in Chrome on OSX
    By anuser in forum Ext: Discussion
    Replies: 2
    Last Post: 15 Apr 2013, 6:03 AM
  4. fieldSet dosent remove elements correctly
    By genTaliaru in forum Ext 3.x: Help & Discussion
    Replies: 5
    Last Post: 5 Jun 2012, 4:20 AM
  5. Replies: 3
    Last Post: 8 Apr 2010, 9:48 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •