<php:Page title = "Test" theme = "default">

  <php:StyleSheet src = "test2.css" />

  <php:Type src ="test2.xtype"/>

  <php:Array id ="data1" offline ="false" typeName = "User"/>

    <php:Form id = "testForm">

      <php:SplitPanel id ="mainPanel" orientation = "horizontal" splitDistance="30%">

        <php:Panel id ="left">

          <php:TreeTable id = "userTable" clientMode = "false" showRoot = "false" expanded = "true" dataSource = "data1" idField = "Username">

            <php:SimpleColumn name = "name" width = "200px" headerText = "Utente" field = "Username" />

            <php:CommandColumn name = "edit" value = "Edit" appearance = "link"/>

          </php:TreeTable>

        </php:Panel>

        <php:Panel id ="right">

          <php:TabControl id ="tabControl" clientMode = "true" selectedIndex = "0">

            <php:Panel id ="tab1"  text = "Info">

              <php:TableLayoutPanel cols = "1" id ="tabLayout1">

                <php:Input field = "data1.Username" />

                <php:Input field = "data1.Password" />

                <php:Input field = "data1.FullName"/>

                <php:Input field = "data1.Type" />

                <php:Input field = "data1.Enabled"/>

              </php:TableLayoutPanel>

            </php:Panel>

            <php:Panel id ="tab2" text = "Foto">

              <php:Image id ="picture1" src ="@datasource('data1.Picture','noImage.jpg','')"/>

            </php:Panel>

          </php:TabControl>

        </php:Panel>

      </php:SplitPanel>

      <div id = "commands">

        <php:Command appearance ="button" text ="Salva" id = "save" commandName = "save"/>

        <php:Command appearance ="link" text ="Esci" id ="exit"/>

      </div>

    </php:Form>

</php:Page>