Exemplo de menu

[color=“red”]Oi pessoal!!!
Estou postando um menuzinho que fiz…
para testar os efeitos… clique em Calendário, Tipo de Atendimento ou Prioridade ok??? Espero que alguém possa reaproveitar!!!
Beijos a todos!!!
[/color]

<?xml version="1.0" encoding="ISO-8859-1" ?>
<canvas width="1000" bgcolor="#FFFFF0">

   <greenstyle name="specialstyle"/>
   
   <dataset name="dsSendData" request="true" src="http://10.96.168.4/tipo_atendimento_pesq.php"/>
   <dataset name="dsSendData2" request="true" src="http://10.96.168.4/prioridade_pesq.php"/>
   <dataset name="dsSendData3" request="true" src="http://10.96.168.4/tipo_chamado_pesq.php"/>
   <dataset name="dsSendData4" request="true" src="http://10.96.168.4/status_pesq.php"/>
   
  <class name="box" height="610" width="140" bgcolor="#838B83" x="0" y="0"/>
  <class name="borderedbox" extends="box">
            <attribute name="bordersize" value="3"/>
                       <view bgcolor="#F0FFF0"
                             x="${parent.bordersize}"
                             y="${parent.bordersize}"
                             width="${parent.width - parent.bordersize*2 }"
                             height="${parent.height - parent.bordersize*2 }"/>
     </class>

  <borderedbox bordersize="3"/>
  <view name="v3" width="200" height="30" bgcolor="#838B83" onclick="abrir()">
    <state name="max" >
      <animatorgroup duration="1000" process="simultaneous">
        <animator attribute="width" to="719"/>
        <animator attribute="height" to="605"/>
        <animator attribute="x" to="142"/>
        <animator attribute="y" to="2"/>
      </animatorgroup>
      <text align="center" y="20%">M a x i m i z e d</text>
    </state>
    <state name="min" apply="true">
      <animatorgroup duration="1000" process="simultaneous">
        <animator attribute="width" to="130"/>
        <animator attribute="height" to="26"/>
        <animator attribute="x" to="5"/>
        <animator attribute="y" to="5"/>
      </animatorgroup>
      <text align="center" fgcolor="#F0FFF0" valign="middle"><b>Calendário</b></text>
    </state>

      <attribute name="isMin" value="false"/>

      <method name="abrir">
        if (v3.isMin) {v3.min.remove(); v3.max.apply();}
        else {v3.min.apply(); v3.max.remove();}
        v3.isMin = !v3.isMin;
      </method>

</view>

<view  width="130" height="26" bgcolor="#838B83" x="5" y="35">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Ordem de Serviço</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="65">
<text align="center" y="20%" fgcolor="#4F4F4F">Nova</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="95">
<text align="center" y="20%" fgcolor="#4F4F4F">Alteração</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="125">
<text align="center" y="20%" fgcolor="#4F4F4F">Atendimento Tarefas</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="155">
<text align="center" y="20%" fgcolor="#4F4F4F">Vizualização Ordens</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="185">
<text align="center" y="20%" fgcolor="#4F4F4F">Agenda</text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="5" y="215">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Patrimônio</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="245">
<text align="center" y="20%" fgcolor="#4F4F4F">Cadastro Bens</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="275">
<text align="center" y="20%" fgcolor="#4F4F4F">Circulação Material</text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="5" y="305">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Base Conhecimento</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="335">
<text align="center" y="20%" fgcolor="#4F4F4F">Assuntos</text>
</view>

<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="365">
<text align="center" y="20%" fgcolor="#4F4F4F">Autores</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="395">
<text align="center" y="20%" fgcolor="#4F4F4F">Base Consulta</text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="5" y="425">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Estatísticas</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="455">
<text align="center" y="20%" fgcolor="#4F4F4F">Atendimentos</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="485">
<text align="center" y="20%" fgcolor="#4F4F4F">Circulação Material</text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="5" y="515">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Relatórios</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="545">
<text align="center" y="20%" fgcolor="#4F4F4F">Atendimentos</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="5" y="575">
<text align="center" y="20%" fgcolor="#4F4F4F">Circulação Material</text>
</view>

<borderedbox bordersize="3" x="863" y="0"/>

<view  width="130" height="26" bgcolor="#838B83" x="868" y="5">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Contratos</b></text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="868" y="35">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Parâmetros</b></text>
</view>
<view  width="130" height="26" bgcolor="#C1CDC1" x="868" y="65">
<text align="center" y="20%" fgcolor="#4F4F4F"><b>Atendimento</b></text>
</view>


<view name="v16" width="200" height="550" bgcolor="#E0EEE0" onclick="abrir16()">
      <state name="max" >
             <animatorgroup duration="1000" process="simultaneous">
                            <animator attribute="width" to="719"/>
                            <animator attribute="height" to="605"/>
                            <animator attribute="x" to="142"/>
                            <animator attribute="y" to="2"/>
             </animatorgroup>

      <borderedbox bordersize="3" x="0" y="0" width="720"/>
      <view y="5" x="5" height="26" width="710" bgcolor="#838B83">
            <text y="5" x="300" fgcolor="#E0EEE0" align="center"><font face="verdana"><b>Tipo de Atendimento</b></font></text>



            <borderedbox bordersize="3" height="86" x="105" y="85" width="500"/>

            <text fontstyle="bold" x="160" y="105">Código:</text>
            <edittext fontstyle="bold" name="cod_tipo_atendimento"  x="255" y="100" width="50"/>

            <text fontstyle="bold" x="160" y="135">Descrição:</text>
            <edittext fontstyle="bold" name="desc_tipo_atendimento"  x="255" y="130" width="300"/>

            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="255">Gravar </button>
            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="355">Limpar </button>

            <grid height="100" x="105" y="250" width="500" style="$once{specialstyle}"
                      shownitems="7" datapath="dsSendData:/resultset" >
                 <gridcolumn  width="100">Código
                       <text datapath="@cod_tipo_atendimento" />
                 </gridcolumn>
                 <gridcolumn width="350"> Descrição
                       <text datapath="@desc_tipo_atendimento"/>
                 </gridcolumn>
                 <gridcolumn width="50">
                        <checkbox value="$path{'@cod_tipo_atendimento'}"
                              xoffset="${10-parent.width/2}">
                        </checkbox>
                 </gridcolumn>
            </grid>

     </view>

    </state>

    <state name="min" apply="true">
      <animatorgroup duration="1000" process="simultaneous">
        <animator attribute="width" to="130"/>
        <animator attribute="height" to="26"/>
        <animator attribute="x" to="868"/>
        <animator attribute="y" to="95"/>
      </animatorgroup>
      <text align="center" fgcolor="#4F4F4F" valign="middle">Tipo Atendimento</text>
    </state>

      <attribute name="isMin" value="false"/>

      <method name="abrir16">
        if (v16.isMin) {v16.min.remove(); v16.max.apply();}
        else {v16.min.apply(); v16.max.remove();}
        v16.isMin = !v16.isMin;
      </method>
</view>


<view name="v17" width="200" height="550" bgcolor="#E0EEE0" onclick="abrir17()">
      <state name="max" >
             <animatorgroup duration="1000" process="simultaneous">
                            <animator attribute="width" to="719"/>
                            <animator attribute="height" to="605"/>
                            <animator attribute="x" to="142"/>
                            <animator attribute="y" to="2"/>
             </animatorgroup>

      <borderedbox bordersize="3" x="0" y="0" width="720"/>
      <view y="5" x="5" height="26" width="710" bgcolor="#838B83">
            <text y="5" x="300" fgcolor="#E0EEE0" align="center"><font face="verdana"><b>Prioridade</b></font></text>



            <borderedbox bordersize="3" height="86" x="105" y="85" width="500"/>

            <text fontstyle="bold" x="160" y="105">Código:</text>
            <edittext fontstyle="bold" name="cod_prioridade"  x="255" y="100" width="50"/>

            <text fontstyle="bold" x="160" y="135">Descrição:</text>
            <edittext fontstyle="bold" name="desc_prioridade"  x="255" y="130" width="300"/>

            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="255">Gravar </button>
            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="355">Limpar </button>

            <grid height="100" x="105" y="250" width="500" style="$once{specialstyle}"
                      shownitems="7" datapath="dsSendData2:/resultset" >
                 <gridcolumn  width="100">Código
                       <text datapath="@cod_prioridade" />
                 </gridcolumn>
                 <gridcolumn width="350"> Descrição
                       <text datapath="@desc_prioridade"/>
                 </gridcolumn>
                 <gridcolumn width="50">
                        <checkbox value="$path{'@cod_prioridade'}"
                              xoffset="${10-parent.width/2}"
                              >
                        </checkbox>
                 </gridcolumn>
            </grid>

     </view>

    </state>

    <state name="min" apply="true">
      <animatorgroup duration="1000" process="simultaneous">
        <animator attribute="width" to="130"/>
        <animator attribute="height" to="26"/>
        <animator attribute="x" to="868"/>
        <animator attribute="y" to="125"/>
      </animatorgroup>
      <text align="center" fgcolor="#4F4F4F" valign="middle">Prioridade</text>
    </state>

      <attribute name="isMin" value="false"/>

      <method name="abrir17">
        if (v17.isMin) {v17.min.remove(); v17.max.apply();}
        else {v17.min.apply(); v17.max.remove();}
        v17.isMin = !v17.isMin;
      </method>
</view>

<view name="v18" width="200" height="550" bgcolor="#E0EEE0" onclick="abrir18()">
      <state name="max" >
             <animatorgroup duration="1000" process="simultaneous">
                            <animator attribute="width" to="719"/>
                            <animator attribute="height" to="605"/>
                            <animator attribute="x" to="142"/>
                            <animator attribute="y" to="2"/>
             </animatorgroup>

      <borderedbox bordersize="3" x="0" y="0" width="720"/>
      <view y="5" x="5" height="26" width="710" bgcolor="#838B83">
            <text y="5" x="300" fgcolor="#E0EEE0" align="center"><font face="verdana"><b>Tipo de Chamado</b></font></text>



            <borderedbox bordersize="3" height="86" x="105" y="85" width="500"/>

            <text fontstyle="bold" x="160" y="105">Código:</text>
            <edittext fontstyle="bold" name="cod_tipo_chamado"  x="255" y="100" width="50"/>

            <text fontstyle="bold" x="160" y="135">Descrição:</text>
            <edittext fontstyle="bold" name="desc_tipo_chamado"  x="255" y="130" width="300"/>

            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="255">Gravar </button>
            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="355">Limpar </button>

            <grid height="100" x="105" y="250" width="500" style="$once{specialstyle}"
                      shownitems="7" datapath="dsSendData3:/resultset" >
                 <gridcolumn  width="100">Código
                       <text datapath="@cod_tipo_chamado" />
                 </gridcolumn>
                 <gridcolumn width="350"> Descrição
                       <text datapath="@desc_tipo_chamado"/>
                 </gridcolumn>
                 <gridcolumn width="50">
                        <checkbox value="$path{'@cod_tipo_chamado'}"
                              xoffset="${10-parent.width/2}">
                        </checkbox>
                 </gridcolumn>
            </grid>

     </view>

    </state>

    <state name="min" apply="true">
      <animatorgroup duration="1000" process="simultaneous">
        <animator attribute="width" to="130"/>
        <animator attribute="height" to="26"/>
        <animator attribute="x" to="868"/>
        <animator attribute="y" to="155"/>
      </animatorgroup>
      <text align="center" fgcolor="#4F4F4F" valign="middle">Tipo de Chamado</text>
    </state>

      <attribute name="isMin" value="false"/>

      <method name="abrir18">
        if (v18.isMin) {v18.min.remove(); v18.max.apply();}
        else {v18.min.apply(); v18.max.remove();}
        v18.isMin = !v18.isMin;
      </method>
</view>

<view name="v19" width="200" height="550" bgcolor="#E0EEE0" onclick="abrir19()">
      <state name="max" >
             <animatorgroup duration="1000" process="simultaneous">
                            <animator attribute="width" to="719"/>
                            <animator attribute="height" to="605"/>
                            <animator attribute="x" to="142"/>
                            <animator attribute="y" to="2"/>
             </animatorgroup>

      <borderedbox bordersize="3" x="0" y="0" width="720"/>
      <view y="5" x="5" height="26" width="710" bgcolor="#838B83">
            <text y="5" x="300" fgcolor="#E0EEE0" align="center"><font face="verdana"><b>Status</b></font></text>



            <borderedbox bordersize="3" height="86" x="105" y="85" width="500"/>

            <text fontstyle="bold" x="160" y="105">Código:</text>
            <edittext fontstyle="bold" name="cod_tipo_chamado"  x="255" y="100" width="50"/>

            <text fontstyle="bold" x="160" y="135">Descrição:</text>
            <edittext fontstyle="bold" name="desc_tipo_chamado"  x="255" y="130" width="300"/>

            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="255">Gravar </button>
            <button style="{basecolor:0xbbffbb}" width="100" y="200" x="355">Limpar </button>

            <grid height="100" x="105" y="250" width="500" style="$once{specialstyle}"
                      shownitems="7" datapath="dsSendData4:/resultset" >
                 <gridcolumn  width="100">Código
                       <text datapath="@cod_status" />
                 </gridcolumn>
                 <gridcolumn width="350"> Descrição
                       <text datapath="@desc_status"/>
                 </gridcolumn>
                 <gridcolumn width="50">
                        <checkbox value="$path{'@cod_status'}"
                              xoffset="${10-parent.width/2}">
                        </checkbox>
                 </gridcolumn>
            </grid>

     </view>

    </state>

    <state name="min" apply="true">
      <animatorgroup duration="1000" process="simultaneous">
        <animator attribute="width" to="130"/>
        <animator attribute="height" to="26"/>
        <animator attribute="x" to="868"/>
        <animator attribute="y" to="185"/>
      </animatorgroup>
      <text align="center" fgcolor="#4F4F4F" valign="middle">Status</text>
    </state>

      <attribute name="isMin" value="false"/>

      <method name="abrir19">
        if (v19.isMin) {v19.min.remove(); v19.max.apply();}
        else {v19.min.apply(); v19.max.remove();}
        v19.isMin = !v19.isMin;
      </method>
</view>

<view  width="130" height="26" bgcolor="#C1CDC1" x="868" y="215">
<text align="center" y="20%" fgcolor="#4F4F4F"><b>Geral</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="868" y="245">
<text align="center" y="20%" fgcolor="#4F4F4F">Categoria Material</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="868" y="275">
<text align="center" y="20%" fgcolor="#4F4F4F">Localização</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="868" y="305">
<text align="center" y="20%" fgcolor="#4F4F4F">Módulos Software</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="868" y="335">
<text align="center" y="20%" fgcolor="#4F4F4F">Empresa</text>
</view>

<view  width="130" height="26" bgcolor="#E0EEE0" x="868" y="365">
<text align="center" y="20%" fgcolor="#4F4F4F">Unid. Organizacional</text>
</view>
<view  width="130" height="26" bgcolor="#C1CDC1" x="868" y="395">
<text align="center" y="20%" fgcolor="#4F4F4F"><b>Usuários</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="868" y="425">
<text align="center" y="20%" fgcolor="#4F4F4F">Profissão</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="870" y="455">
<text align="center" y="20%" fgcolor="#4F4F4F">Escolaridade</text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="870" y="485">
<text align="center" y="20%" fgcolor="#4F4F4F">Categoria Usuário</text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="870" y="515">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Mensagem</b></text>
</view>
<view  width="130" height="26" bgcolor="#E0EEE0" x="870" y="545">
<text align="center" y="20%" fgcolor="#4F4F4F">Cadastro/Envio</text>
</view>
<view  width="130" height="26" bgcolor="#838B83" x="870" y="575">
<text align="center" y="20%" fgcolor="#F0FFF0"><b>Cadastro Usuário</b></text>
</view>


</canvas>