• Is there any possibility to align some text within its cell when using the layout library? halign and valign don't seem to be respected as you can see yourself by running the following example:

      let ScreenWidth  = g.getWidth(),  ColumnWidth = ScreenWidth/3;    // 3 columns
      let ScreenHeight = g.getHeight(), RowHeight   = ScreenHeight/3;  // and 3 rows
    
      g.clear(true);
    
      let Layout = require('Layout');
      let Display = new Layout({
        type:'v', c:[
          { type:'h', c:[
            { type:'txt', font:'12x20', label:'Test', valign:-1, halign:-1, width:ColumnWidth, height:RowHeight },
            { type:'txt', font:'12x20', label:'Test', valign:0,  halign:-1, width:ColumnWidth, height:RowHeight },
            { type:'txt', font:'12x20', label:'Test', valign:1,  halign:-1, width:ColumnWidth, height:RowHeight },
          ] },
          { type:'h', c:[
            { type:'txt', font:'12x20', label:'Test', valign:-1, halign:0, width:ColumnWidth, height:RowHeight },
            { type:'txt', font:'12x20', label:'Test', valign:0,  halign:0, width:ColumnWidth, height:RowHeight },
            { type:'txt', font:'12x20', label:'Test', valign:1,  halign:0, width:ColumnWidth, height:RowHeight },
          ] },
          { type:'h', c:[
            { type:'txt', font:'12x20', label:'Test', valign:-1, halign:1, width:ColumnWidth, height:RowHeight },
            { type:'txt', font:'12x20', label:'Test', valign:0,  halign:1, width:ColumnWidth, height:RowHeight },
            { type:'txt', font:'12x20', label:'Test', valign:1,  halign:1, width:ColumnWidth, height:RowHeight },
          ] },
        ]
      });
      Display.render();
    

    1 Attachment

    • TextAlignment.png
About