1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    4
    Vote Rating
    0
    fgilmer is on a distinguished road

      0  

    Default Architect 2 grid heading and data column miss aligned

    Architect 2 grid heading and data column miss aligned


    I generated the grid below with architect 2 and the column headings do not line up with the data columns as you can see in the screen shot. Is this a configuration / coding problem on my part type of error or a bug?
    Attached Images

  2. #2
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,306
    Vote Rating
    125
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    It looks like you've applied some additional CSS to it...

    Have you? Is there added padding inside?
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  3. #3
    Sencha User
    Join Date
    Mar 2010
    Posts
    4
    Vote Rating
    0
    fgilmer is on a distinguished road

      0  

    Default Architect 2 grid heading and data column miss aligned:

    Architect 2 grid heading and data column miss aligned:


    I removed all my CSS from the app a while back because it was causing problems and I only use the following:

    <!DOCTYPE html>

    <!-- Auto Generated with Sencha Architect -->
    <!-- Modifications to this file will be overwritten. -->
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Public</title>
    <script src="http://www.fgilmer.info/EDU/extjs/ext-all-debug.js"></script>
    <link rel="stylesheet" href="http://www.fgilmer.info/EDU/extjs/resources/css/ext-all.css">
    <script type="text/javascript" src="http://www.fgilmer.info/EDU/teachers/teachers.js"></script>
    </head>
    <body></body>
    </html>

    The following 2 exceptions of in line items on this grid are as follows:

    xtype: 'gridpanel',
    id: 'assignmentsGridId',
    itemId: 'assignmentsGridId',
    style: 'background: #FFFAEF;',
    autoScroll: true,
    preventHeader: true,
    title: 'Questions',
    forceFit: false,
    store: 'groupInBoxGridStore',
    columns: [

    xtype: 'gridcolumn',
    renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
    if ( value > 0 )
    {
    value = '<div style="color:green;"> true</div>';
    } else {
    value = '<div style="color:red;"> false</div>';
    }
    return value;
    },
    hidden: false,
    align: 'center',
    dataIndex: 'is_active',
    text: 'Active'

Thread Participants: 1