[CLOSED] Problem with table

  1. #1

    [CLOSED] Problem with table

    I have a strange problem when i resize the window or open a panel. I have a viewPort and inside i attach on the fly a panel with a tableLayout like this:

    var panel = new Ext.Panel({
                            html: '',
                            title: ': ' + id_disp,
                            closable: true,
                            id: '_' + id_disp,
                            layout: {
                                resizable: false,
                                type: 'table',
                                columns: 4,
                                tableAttrs: {
                                    style: {
                                        width: '100%',
                                        height: '100%'
                                    }
                                },
                                tdAttrs: {
                                    valign: 'top'
                                }
                            },
                            listeners: {
                                close: function (tabPanel) {
                                    Ext.getCmp('Left').expand();   
                                }
                            },
                            items: [
                            {
                                title: '',
                                html: '<div id="_' ++ '" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
                                height: 150
                            },
                            {
                                title: '',
                                html: '<div id="__' + id'" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
                                height: 150
                            },
                            {
                                title: '',
                                html: '<div id="" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
                                height: 150
                            },
                            {
                                title: '',
                                html: '<div id="_" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
                                height: 150
                            },
                            {
                                title: '',
                                html: '<div id="__' + _+ '" style="height:100%;width:100%;background-color:#3c3c3c;"></div>',
                                height: 390,
                                width: '100%'
                            },
                            {
                                title: '',
                                html: '',
                                rowspan: 2,
                                colspan: 3,
                                height: 780,
                                xtype: 'tabpanel',
                                items: [{
                                    title: '',
                                    autoScroll: true,
                                    html: '<div style="height:100%;width:100%;background-color:#EFEFEF;"></div>'
                                },
                                    {
                                        title: '/',
                                        autoScroll: true,
                                        html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
                                    },
                                    {
                                        title: '',
                                        autoScroll: true,
                                        html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
                                    },
                                    {
                                        title: '',
                                        autoScroll: true,
                                        html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
                                    },
                                    {
                                        title: '',
                                        autoScroll: true,
                                        html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
                                    },
                                    {
                                        title: '',
                                        autoScroll: true,
                                        html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
                                    },
                                    {
                                        title: '',
                                        autoScroll: true,
                                        html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
                                    }
                                ]
                            },
                            {
                                title: '',
                                html: '<div id="" style="height:100%;width:100%;background-color:#3c3c3c;"></div>',
                                height: 390,
                                width: '100%'
                            }
                            ]
                        });
    this table change the dimensions and the visualization change. In other words the layout of the table change untill i make the dolayout
    can someone help me ?

    thanks

    Alessandro
    Last edited by Daniil; Dec 21, 2014 at 1:27 PM. Reason: Please use [CODE] tags, [CLOSED]
  2. #2
    Hi @alle1974,

    Welcome to the Ext.NET forums!

    Unfortunately, the information that you have provided is not enough for me to understand the problem.

    Ideally, please provide a full test case to reproduce.
  3. #3

    Screen shot

    Dear Daniil,

    i attach two images where you can see the problem. In a few words, when i click on other panel the table that i've attached to the new tab panel change the dimensions. In my previous post i wrote the javascript to render the table.
    Click image for larger version. 

Name:	table1.jpg 
Views:	13 
Size:	88.6 KB 
ID:	17101Click image for larger version. 

Name:	table2.jpg 
Views:	10 
Size:	87.0 KB 
ID:	17111
  4. #4
    Thank you for the additional information. It helps. But, unfortunately, it is still not enough to provide you with a solution.

    You demonstrated how you create a new Panel, but I don't see how you add that Panel to its container. I also have no idea what the container's layout is.

    Even if you answer these questions, it might lead to another questions and so on.

    Relying on my Ext.NET forums experience, I see that such kind of issue requires a test case to deal with. In 99% of cases. It is the only way to exclude guesswork, save your time and provide you with a solution as soon as possible. Yes, it might take time to create a test case, but it is the best way to go and you finally save your time anyway.

    Ideally, please provide a full test case to reproduce.
  5. #5

    Table Layout

    Can you send me an example hot to do a table layout as the image1 ?

    thanks,

    Alessandro
    Last edited by alle1974; Dec 11, 2014 at 1:21 PM.
  6. #6
    Can you send me an example hot to do a table layout as the image1 ?
    No.

    We requested that you provide a simplified code sample which demonstrates how to reproduce the problem. If you cannot provide a simplified code sample, then no further support will be provided.

    Please review and accept the Forum Guidelines before posting in the forums again:

    http://forums.ext.net/showthread.php...ation-Required
    Geoffrey McGill
    Founder

Similar Threads

  1. [CLOSED] TreePanel - Problem with render into Table
    By tlfdesarrollo in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: Jan 11, 2012, 6:56 PM
  2. [CLOSED] Table Layout, 100% width Table
    By sisa in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: May 20, 2011, 6:40 AM
  3. Table Layout Problem with IE Compatibility
    By tugrul in forum 1.x Help
    Replies: 2
    Last Post: May 02, 2011, 7:16 AM
  4. Button in table rendering problem ( padding )
    By ulrikn in forum 1.x Help
    Replies: 1
    Last Post: Aug 31, 2010, 7:49 PM
  5. Tab Panel in Table Problem
    By vivekrane1986 in forum 1.x Help
    Replies: 0
    Last Post: Jun 11, 2010, 7:55 AM

Tags for this Thread

Posting Permissions