title: aligning buttons right using tbfil with extjs 4.1
body: <p>I have the following. I would like the first item 'create' to be aligned to the right. </p>
  
  <p>I've read about using 'tbfill' to align. But i'm unsure how to use this with my implementation. </p>
  
  <pre><code>        dockedItems:[                        {
                          xtype:'toolbar',
                          flex:1,
                          dock:'top',
                          items:[
                              {
  
  
                                  xtype:'button',
                                  id: 'ContactCreate',
                                  name: 'ContactCreate',
                                  text:'Create',
                                  action:'create',
                                  align: 'right',
                                  style: 'float:right',
                                  width:'100',
                                  iconCls:'icon-add'
  
  
                              },
                              {
                                  xtype:'button',
                                  id: 'ContactSave',
                                  name: 'ContactSave',
                                  text:'Save',
                                  action:'save',
                                  width:'100',
                                  iconCls:'icon-save'
                              },
  
  
                              {
                                  xtype:'button',
                                  id: 'ContactDelete',
                                  name: 'ContactDelete',
                                  text:'Delete',
                                  action:'delete',
                                  width:'100',
                                  iconCls:'icon-delete'
                              }
  
  
                          ]
                      }
                  ],
  </code></pre>