Nov 04, 2009, 10:30 AM
Problem with Tabs
I have the following code and when i open the window the first tab show ok but the second tab dont. If i resize the window the content of tab are show how must on the window open. Any solution ???
<style type="text/css">
.label{
width:200px;
height:15px;
text-align:center;
padding: 5px 0;
border:1px dotted #99bbe8;
background:#002f67;
color: #cada39;
cursor:default;
margin:10px;
margin-left:0px;
font-family:bold 11px TheSansCorrespondence;
}
.telefonica a span{
color: #cada39;
font-family:bold 11px TheSansCorrespondence;
}
</style>
<ext:Window ID="winUsuario" runat="server" Modal="true" Showonload="false" Height="540" Width="470" Title="Usuário" Icon= "User" BodyStyle="padding:10px;background-color:#fff;">
<Body>
<ext:ContainerLayout ID="ContainerLayout2" runat="server">
<ext:Panel ID="Panel6" runat="server" Border="false">
<Body>
<ext:FormLayout id="FormLayout9" runat="server" LabelWidth="120">
<ext:Anchor Horizontal="100%">
<ext:TextField id="txtNome" runat="server" ReadOnly="false" FieldLabel="Nome" AllowBlank="false" BlankText="Campo 'Nome' obrigatório." />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:TextField id="txtLogin" runat="server" ReadOnly="false" FieldLabel="Login" AllowBlank="false" BlankText="Campo 'Login' obrigatório." />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:TextField id="txtUsuarioTelefone" runat="server" ReadOnly="false" FieldLabel="Telefone" AllowBlank="true" />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:TextField id="txtEMail" runat="server" ReadOnly="false" FieldLabel="E-Mail" AllowBlank="false" BlankText="Campo 'e-Mail' obrigatório." />
</ext:Anchor>
<ext:Anchor Horizontal="100%">
<ext:ComboBox id="cmbGrupo" runat="server" FieldLabel="Grupo" Editable="false" TypeAhead="true" Mode="Local" ForceSelection="true" TriggerAction="All" EmptyText="Selecione o Grupo..." Selectonfocus="true" AllowBlank="false">
<AjaxEvents>
<Select OnEvent ="AtualizaPermissoes" />
</AjaxEvents>
</ext:ComboBox>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Panel>
<ext:TabPanel ID="TabPanel2" runat="server" ActiveTabIndex="0" Plain="true" AutoHeight="true" AutoWidth="true">
<Tabs>
<ext:Tab ID="Tab3" runat="server" Title="Menus" AutoHeight="true" AutoWidth="true" BodyStyle="padding:10px;">
<Body>
<ext:TableLayout ID="TableLayout3" runat="server" Columns="2">
<ext:Cell>
<ext:Label ID="Label5" runat="server" Html="<div class='label'>Menus
" />
</ext:Cell>
<ext:Cell>
<ext:Label ID="Label6" runat="server" Html="<div class='label'>Permissões
" />
</ext:Cell>
<ext:Cell>
<ext:Panel ID="Panel7" runat="server" Border="false" AutoHeight="true" AutoWidth="true">
<Body>
<ext:MultiSelect ID="lstUsuarioMenus" runat="server" DragGroup="grp1" DropGroup="grp2,grp1" Width="200" Height="200" KeepSelectiononclick="WithCtrlKey" StoreID="strUsuarioMenus" DisplayField="text" ValueField="value" />
</Body>
</ext:Panel>
</ext:Cell>
<ext:Cell>
<ext:Panel ID="Panel8" runat="server" Border="false" AutoHeight="true" AutoWidth="true">
<Body>
<ext:MultiSelect ID="lstPermissoesUsuarioMenu" runat="server" DragGroup="grp2" DropGroup="grp1,grp2" Width="200" Height="200" KeepSelectiononclick="WithCtrlKey" StoreID="strPermissaoUsuarioMenu" DisplayField="text" ValueField="value" />
</Body>
</ext:Panel>
</ext:Cell>
</ext:TableLayout>
</body>
</ext:Tab>
<ext:Tab ID="Tab4" runat="server" Title="Clientes" AutoHeight="true" AutoWidth="true" BodyStyle="padding:10px;">
<Body>
<ext:TableLayout ID="TableLayout4" runat="server" Columns="2">
<ext:Cell>
<ext:Label ID="Label7" runat="server" Html="<div class='label'>Clientes
" />
</ext:Cell>
<ext:Cell>
<ext:Label ID="Label8" runat="server" Html="<div class='label'>Permissões
" />
</ext:Cell>
<ext:Cell>
<ext:Panel ID="Panel9" runat="server" Border="false" AutoHeight="true" AutoWidth="true">
<Body>
<ext:MultiSelect ID="lstUsuarioClientes" runat="server" DragGroup="grp1" DropGroup="grp2,grp1" Width="200" Height="200" KeepSelectiononclick="WithCtrlKey" StoreID="strUsuarioClientes" DisplayField="text" ValueField="value" />
</Body>
</ext:Panel>
</ext:Cell>
<ext:Cell>
<ext:Panel ID="Panel10" runat="server" Border="false" AutoHeight="true" AutoWidth="true">
<Body>
<ext:MultiSelect ID="lstPermissoesUsuarioCliente" runat="server" DragGroup="grp2" DropGroup="grp1,grp2" Width="200" Height="200" KeepSelectiononclick="WithCtrlKey" StoreID="strPermissaoUsuarioCliente" DisplayField="text" ValueField="value" />
</Body>
</ext:Panel>
</ext:Cell>
</ext:TableLayout>
</body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</ext:ContainerLayout>
</Body>
<BottomBar>
<ext:StatusBar ID="stbUsuario" runat="server"></ext:StatusBar>
</BottomBar>
<Buttons>
<ext:Button id="cmdUsuario" runat="server" Text="Salvar" Icon="Disk">
<ajaxevents>
<Click onevent="cmdUsuario_Click">
<ExtraParams>
<ext:Parameter Name="multi6" Value="Ext.encode(#{lstPermissoesUsuarioMenu}.getValues(true))" Mode="Raw" />
<ext:Parameter Name="multi8" Value="Ext.encode(#{lstPermissoesUsuarioCliente}.getValues(true))" Mode="Raw" />
</ExtraParams>
</Click>
</ajaxevents>
</ext:Button>
</Buttons>
</ext:Window>