1. 7 Jan 2013 11:00 PM #1
    fgilmer
    fgilmer is offline
    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
    Reply With Quote Reply With Quote
  2. 8 Jan 2013 11:23 AM #2
    aconran
    aconran is offline
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    8,191
    Vote Rating
    63
    aconran is just really nice aconran is just really nice aconran is just really nice aconran is just really nice aconran is just really nice
      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
    Reply With Quote Reply With Quote
  3. 8 Jan 2013 3:21 PM #3
    fgilmer
    fgilmer is offline
    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'
    Reply With Quote Reply With Quote