Having a button in title bar of window

Question

<Alloy>
    <TabGroup backgroundColor="white" id="mainTabGroup">
        <Tab id="byFav" title="fav" icon="KS_nav_views.png">
        <Window id="byFavWin' title='fav'>
                <TableView id="tableByFav" />

            </Window>
        </Tab>
    </TabGroup>
</Alloy>

index.js

var backButton = Ti.UI.createButton({left:0, width:80, height:25, backgroundColor:'red'});
$.byFavWin.setLeftNavButton(backButton);

I have tabgroup which has window which has the title 'Fav'.

Title occupay one line at the top of window, but

I would like to put the button next to the title in the title bar.

thanks to Mike S.

I have updated the code, but it doesn't work.

it shows no error but no button appears.

Could I have more hint?

Tim Tim · Accepted Answer · 2014-02-12T21:31:58

You can add the nav buttons in the Alloy markup, as well:

<Alloy>
  <TabGroup>
      <Tab>
          <Window title="Title" layout="vertical" backgroundColor="white">
              <LeftNavButton>
                  <Button>pop</Button>
              </LeftNavButton>
              <RightNavButton>
                  <Button>push</Button>
              </RightNavButton>
          </Window>
      </Tab>
  </TabGroup>
</Alloy>

Having a button in title bar of window

2 Answers