5 USANDO E CUSTOMIZANDO SUA GUI
Esse capítulo apresenta os diferentes elementos de tela do GUI que podem ser customizados. Ele também apresenta como você pode modificar a aparência dos módulos GUI do GUI de sua estação de trabalho.
Você pode modificar a aparência e o funcionamento do Alephino com a configuração das janelas e das listas.
GUI significa Interface Gráfica do Usuário (Graphical User Interface). Esse é um ambiente em que você pode interagir com o sistema com o uso de botões, setas, ícones e links.
O cliente é o software instalado em sua estação de trabalho que interage com o servidor, onde as suas bases de dados e o Alephino está localizado. O cliente inclui todos os módulos do Alephino.
Quando você utiliza o cliente do Alephino, você tem a opção de usar o mouse ou simplesmente usar as opções do teclado.
Esse capítulo inclui os seguintes tópicos:
5.1 IDENTIFICAÇÃO
Quando você inicia qualquer módulo do Alephino pela primeira vez, uma janela que solicita o nome de usuário e senha é exibida. O sistema verifica todos os servidores listados no arquivo ..\ALEPHCOM\TAB\library.ini. Caso o nome/senha sejam inválidos em todos os servidores, uma mensagem de "Não foi possível verificar a senha no servidor". Isso indica que:
- O nome/senha não são válidos, ou
- O endereço especificado em ..\ALEPHCOM\TAB\library.ini está errado, ou
- O servidor especificado em library.ini está desligado.
Nota: A coluna 3 do arquivo library.ini é limitada a 30 caracteres. Caso o nome do seu host seja muito longo, por favor utilize o endereço de IP numérico. Por exemplo, no lugar de : meu_muito_longo_nome_de_dominio_xyz:2069
use 010.001.235.019:2069
Então se conecte com a base de dados (Clique no menu Alephino e, em seguida, em Conectar). Quando você selecione "Conectar à", o sistema exibe a lista de bases de dados configuradas no arquivo per_lib.ini do módulo (por exemplo, ..\CIRC\TAB\per_lib.ini).
Quando você clica em uma base específica, o cliente utiliza o arquivo library.ini e tenta se conectar ao endereço IP daquela base específica.
Para identificar-se nas GUIs do ALEPHINO, siga os seguintes passo:
- No menu Iniciar do Windows, clique em Programas > Alephino 4.0 > Nome do módulo ou dê um duplo-clique no ícone da Área de Trabalho (se estiver disponível).
- A janela "Senha do Alephino" é exibida se a caixa "Salvar senha" não tiver sido marcada durante o último login.
- Informe o seu Nome de usuário e Senha. Caso você informe um nome de usuário não existente, a seguinte mensagem será exibida na janela de verificação: "Nome de usuário inválido". Caso você informe uma senha inválida, a seguinte mensagem será exibida: "Senha inválida". Em ambos os casos a mensagem "Não foi possível verificar a senha no servidor" será exibida e você será capaz de utilizar as funções off-line do Alephino.
5.2 ANALISANDO A GUI DO ALEPHINO
A seguinte ilustração exibe a tela típica da GUI do Alephino (nesse caso, as informações do usuário no módulo de Circulação):
Os nomes de elementos podem ser localizados na documentação do sistema.
Essa seção trata de elementos de tela que são comuns a todos os módulos GUI. Elementos de tela que são específicos a uma GUI específica são descritos na seção Visão Geral do módulo relevante.
Área de Navegação
Da mesma forma que menus de comando, as funções da área de navegação ativam telas diferentes quando são clicadas:
Painéis Superior e Inferior
A exibição das informações em painéis acontece de acordo com a função selecionada na área de navegação. A exibição pode ser um formulário, uma lista ou um registro. Observe que os painéis superior e inferior modificam-se conforme o contexto da função.
Exemplo 1
Nesse exemplo, o painel inferior contém informações detalhadas e que se relacionam com a linha selecionada no painel superior (informações expandidas do registro do item).
Exemplo 2
Nesse exemplo, o painel inferior contém um formulário que permite atualizar informações relacionadas com a linha selecionada no painel superior (pedido de reserva).
Barra de divisão
Essa barra horizontal ou vertical que divide a janela em painéis. Você pode modificar o tamanho dos painéis.
Para redimensionar o painel da GUI, siga os passos abaixo:
- Coloque o ponteiro do mouse sobre a barra de divisão. O cursor muda de formato, tornando-se uma seta que aponta para os dois lados.
- Arraste o cursor para aumentar ou diminuir o tamanho do painel.
5.3 CONFIGURAÇÃO DA GUIA PRINCIPAL
Você pode customizar a aparência da guia principal. No menu ALEPHINO, selecione Opções e clique em Customizar. Na janela exibida selecione a guia Barra do ALEPHINO:
Atualmente existe apenas uma opção disponível:
Cor de fundo - Use essa opção para modificar a cor de fundo das diversas áreas de navegação. 5.4 BARRA DE OPERAÇÕES
A barra de operações aparece no rodapé da tela:
Ela contém as seguintes opções, da esquerda para a direita:
- Indicador do status de conexão do programa
- Ícones de módulos do ALEPH que permitem abrir/acessar os outros módulos
- Ícones de configuração que permitem configurar o funcionamento da GUI
5.5.0 Ícones de indicação de conexão
O ícone de identificação de conexão, localizado no canto esquerdo do rodapé da tela, exibe se o módulo está conectado ou não ao servidor. Verde indica que há uma conexão, vermelho indica que não há uma conexão.
O ícone de Ligação PC/Servidor exibe uma linha vermelha se a solicitação estiver sendo processada: Caso você queira interromper o processo, clique sobre a `linha vermelha para interromper o procedimento de conexão. 5.4.2 Ícones de módulos do ALEPH
| Nome |
Ícone |
| Aquisição |
 |
| Catalogação |
 |
| Circulação |
 |
5.4.3 Ícones de Configuração
Os ícones à direita da barra de operações contêm configurações da GUI que podem ser definidas pelo funcionário.
Chave
Quando você clica esse ícone com o botão direito do mouse, o seguinte menu é exibido:

As opções a seguir estão disponíveis nesse menu:
- Conectar com outro funcionário - Caso você precise modificar o usuário da estação de trabalho, selecione Conectar com outro funcionário. A seguinte janela é exibida:
Informe outro nome de funcionário e clique em OK. O nome do funcionário é o código com o qual o funcionário da biblioteca foi registrado no sistema ALEPH.
- Trocar senha do funcionário - Para modificar a sua senha, siga os passos abaixo:
- Selecione Trocar senha do funcionário do menu. A seguinte janela é exibida:
- Informe sua senha antiga e, então, informe a sua nova senha duas vezes, como mostrado acima.
- Clique em OK para salvar a nova senha, mesmo que você não tenha selecionado a caixa Salvar senha.
- (Opcional) Marque a caixa 'Salvar Senha' somente se você não desejar informar a sua identificação na próxima vez que abrir o ALEPHINO.
Ícone da Torre de Babel
Quando você clica com o botão direito do mouse no ícone da Torre de Babel, a lista com os idiomas disponíveis para a interface é exibida.
Em um ambiente multi-língüe, você pode selecionar um idioma clicando sobre ele.
Base de Dados
Quando o módulo/cliente é aberto ele se conecta automaticamente à base de dados se a linha DataBaseAutoSelect= estiver configurada para Y no arquivo ALEPHCOM.INI do cliente da sua estação de trabalho. Quando você clica o ícone Biblioteca com o botão direito do mouse, uma lista com as bases de dados disponíveis é exibida:

Selecione uma base de dados.
Impressora
Quando você clica com o botão direito do mouse sobre o ícone Impressora, uma lista de opções de impressão é exibido:
Essas opções são:
- Impressão direta
Quando a opção Impressão direta é selecionada, um clique nas opções de Impressão do ALEPH resultará na impressão da informação em sua impressora.
- Visualizar impressão
Quando a opção Visualizar impressão for selecionada, um clique nos comandos de impressão resulta na pré-exibição da impressão. Você pode então clicar em Imprimir para imprimir o arquivo.
- Ver fonte
Quando essa opção está selecionada, um clique nos comandos de impressão resulta na exibição do arquivo HTML puro em seu formato puro no editor de texto. Esse modo pode ser usado para solução de problemas.
5.5 TRABALHANDO SEM O MOUSE
Caso você prefira trabalhar sem um mouse, o ALEPHINO permite que você realize de maneira rápida as mesmas tarefas com o uso de teclas de atalho - uma ou mais teclas que você pressiona no teclado para realizar a tarefa. Cada módulo do ALEPHINO possui seu conjunto próprio de telas de atalho:
|
Teclas de Atalho para Todos os Módulos do ALEPHINO Você pode avançar de uma tela para outra usando os seguintes comandos:
Tecla de Atalho
|
Permite fazer
|
TAB
|
move para o próximo campo/botão da caixa de diálogo
|
Shift+TAB
|
move para o campo/botão anterior da caixa de diálogo
|
Ctrl+TAB
|
move do painel inferior para o primeiro campo/botão da primeira barra
|
Ctrl+Alt+TAB
|
move do primeiro campo/botão da primeira barra para o painel inferior
|
Ctrl+1
|
move para o painel esquerdo, área de navegação
|
Ctrl+2
|
move para o painel superior direito ou para o quadro esquerdo de edição quando a Catalogação está em modo múltiplo.
|
Ctrl+Shift+2
|
move para a janela direita do editor de registros (quando a Catalogação estiver em modo múltiplo)
|
Ctrl+3
|
move para o painel inferior direito
|
Ctrl+4
|
move para a área de navegação (painel superior esquerdo) na Catalogação
|
Ctrl+5
|
move para o primeiro controle da barra superior
|
Ctrl+6
|
move para o segundo controle da barra superior
|
Ctrl+7
|
move para o terceiro controle da barra superior
|
Observe que um quadro vermelho é exibido em volta do painel ativo (painel que está em foco).
Menus de seleção que são abertos com o ícone podem ser acessados sem um mouse, da seguinte maneira:
- Para abrir a lista, pressione F4.
- Para selecionar um item da lista, pressione Enter.
- Para selecionar um item da lista, use as setas de direção.
- Para fechar a lista sem selecionar um item, pressione ESC.
Observe que quando selecionar um item com o mouse, você precisa utilizar um duplo-clique.
|
Caso você prefira trabalhar sem um mouse, você pode considerar necessário manter uma cópia impressa das principais teclas de atalho. Na Ajuda On-line, localize a seção Trabalhando sem o Mouse e clique em Imprimir, ou imprima as páginas relevantes do Guia do Usuário do ALEPHINO. 5.5.1 Customizando Teclas de Atalho
Você pode customizar as teclas de atalho no ALEPHINO para funções que ainda não possuem teclas configuradas. Além disso, é possível remover uma tecla de atalho de uma função, atribuindo a ela um novo comando. Caso você não goste das mudanças feitas, você pode restaurar a configuração original de teclas de atalho durante a sessão atual. Entretanto, caso você encerre a sessão, quaisquer mudanças que foram feitas nas teclas serão salvas nos arquivos accel.dat
As teclas de atalho do ALEPHINO possuem as seguintes características:
Não use as seguintes teclas de atalho: Ctrl+H, Ctrl+I. Essas teclas são reservadas para funções do Windows e não podem ser configuradas.
A tecla Shift pode ser usada somente com as teclas virtuais F1-F12. |
Para customizar as teclas de atalho disponíveis na GUI:
No menu ALEPHINO, selecione Opções e clique em Customizar. Selecione então a guia Teclas de Atalho:
Para exibir as teclas de atalho que estão atribuídas no momento, selecione qualquer opção da lista Itens de Menu. A tecla de atalho atribuída para a opção selecionada será exibida no campo Teclas de Atalho correntes.
Para atribuir uma nova tecla de atalho, selecione um item na lista, clique no campo Ad. Tecla de Atalho e pressione a combinação de teclas desejada (por exemplo, Ctrl+F3) e clique em Adicionar.
Para remover uma tecla de atalho, selecione a opção no campo Teclas de Atalho correntes e clique em Remover.
Para reiniciar todas as teclas de atalho para a configuração padrão do início de sua sessão, clique em Reiniciar todas.
As modificações feitas na guia Teclas de Atalho são salvas automaticamente em um arquivo de texto, accel.dat, localizado no diretório tab/<lng> do módulo do ALEPH. Todas as opções que estão listadas no arquivo menu.dat podem ser listadas no arquivo accel.dat juntamente com as teclas (ou combinação de teclas) que devem ser utilizadas para ativar a opção do menu.
A combinação de teclas deve seguir as seguintes regras:
- Caso a tecla Ctrl, Alt ou Shift seja usada, informe ela primeiro. (Você também pode informar uma combinação dessas teclas, por exemplo, "Ctrl+Alt".)
- Informe um sinal de soma (+), então informe o caractere ASCII (entre colchetes [ ]) ou pressione uma tecla virtual. Uma tecla virtual é do tipo VK_* (por exemplo, VK_F3).
Exemplos:
Ctrl+VK_F3 (isso é exibido no menu dos módulos como Ctrl+F3)
Ctrl+[V] (essa tecla é exibida no menu da GUI como Ctrl+V) Os seguintes exemplos mostram as definições de teclas de atalho definidas no arquivo accel.dat do Módulo de Circulação, junto com o nome da função conforme foi atribuída pelo programador.
! Accel Texts
!
! ID Data
! 40 255
!---------------------------------------!---------------------------------------->
NEW_USER #Ctrl+VK_F7
DUPLICATE_USER #Ctrl+VK_F10
DELETE_USER #Ctrl+VK_F11
USER_LIST #Alt+VK_F7
LOCATE #Alt+VK_F8
O arquivo menu.dat contém o nome da função como atribuída pelo programador e o texto que deve aparecer no menu. Por exemplo:
! Menu Texts
!
! ID Data
! 40 255
!---------------------------------------!---------------------------------------->
ALEPH &ALEPH
DATE &Datas
LOAN_RENEW &Renovar empréstimo por código de barras
LOAN Circulação
.../...
No aplicativo, o sistema irá exibir o texto do menu como definido no menu.dat, juntamente com a definição da tecla de atalho no arquivo accel.dat:
5.6 TECLA F1
Você pode customizar o funcionamento da tecla F1. No menu ALEPHINO, selecione Opções e clique em Customizar. Na janela, clique na guia Configuração Geral:
- Selecione Abrir Ajuda para receber ajuda on-line para as funções do ALEPH quando você utilizar F1.
- Selecione Prop. Visuais para exibir a janela de Propriedades Visuais sempre que utilizar F1.
5.7 A JANELA DE PROPRIEDADES VISUAIS
A janela de Propriedades Visuais é usada para exibir as etiquetas dos elementos de tela da GUI do Alephino.
Você pode alterar a guia que é exibida em primeiro lugar quando um formulário for aberto (apenas para formulários que são compostos de múltiplas guias).
Por exemplo, no módulo de Circulação, quando função de Transações de Caixa da guia do Usuário for aberta, o seguinte formulário é exibido:
Como você pode perceber, o formulário acima possui quatro guias. Por padrão, a primeira guia (à esquerda) é ativada quando a janela que possui múltiplas guias é aberta (nesse exemplo, 1. Caixa Ativo).
Para modificar a guia que é aberta em primeiro lugar:
- No menu ALEPHINO, selecione Opções e clique em Customizar. Na janela, clique na guia Configuração Geral:
- Selecione Prop. Visuais para exibir a janela de Propriedades Visuais quando a tecla F1 for utilizada.
- Agora abra um formulário que possui múltiplas guias e pressione F1. A janela de Propriedades Visuais é aberta:
- No campo "Primeira guia", informe um número para determinar qual guia será ativada quando o formulário for aberto, e clique em OK. A segunda guia da esquerda é 2, e assim por diante. No exemplo acima, o número 4 foi informado. A próxima vez que o formulário for aberto, a quarta guia (da direita para esquerda) será aberta (nesse exemplo, 4. Todas as Transações).
5.7.1 Caixas de Diálogo e Propriedades Visuais
Os módulos do ALEPHINO contêm painéis que exibem informações e caixas de diálogos que são abertas quando algumas opções de menu são selecionadas. Elas podem ser diferenciadas facilmente, pois os painéis não possuem barra de títulos, enquanto que as caixas de diálogo possuem. Os painéis de informação sempre estão em locais pré-determinados, mas a localização das caixas de diálogo podem ser customizadas pelos funcionários.
A tela abaixo contém dois exemplos de painéis de informação:
A diferença principal entre o painel superior e o painel inferior nesse exemplo é que a informação somente pode ser informada/modificada no painel inferior.
Abaixo está um exemplo de caixa de diálogo:
A janela de Propriedades Visuais permite determinar onde a caixa de diálogo (por exemplo, a janela "Trocar status de processamento de itens") vai se localizar na próxima vez que você abrir o módulo do ALEPH. Ela também fornece uma opção de centralizar automaticamente a janela.
Para configurar uma janela, siga os passos abaixo:
- Coloque o cursor sobre a barra de título e de um clique com o botão direito do mouse. A seguinte janela é exibida:
- Clique em Propriedades Visuais. A janela de Propriedades Visuais é exibida.
- Clique em Centralizar.
- Clique no botão OK. A janela será reposicionada para o centro da tela imediatamente e será exibida nessa posição quando o módulo GUI for aberto.
Caso você queira que a janela apareça em outro local da tela, siga esses passos:
- Arraste a janela para a posição desejada.
- Coloque o cursor sobre a barra de título e de um clique com o botão direito do mouse. O menu de opções aparece (exibido acima).
- Selecione Propriedades Visuais. A janela de Propriedades Visuais (exibida acima) é aberta. As coordenadas da "posição atual" são exibidas para sua referência (exemplo: 176.192).
- Caso você esteja satisfeito com a localização corrente, clique em Relocar. A janela será exibida nessa localização quando o módulo for aberto.
5.8 MODIFICANDO TEXTOS DE CAMPOS ADICIONAIS
Há um grande número de formulários do Alephino que contém campos com campos que possuem setas de textos adicionais, indicando que eles podem ser maiores que o espaço fornecido (por exemplo, campos de notas):
Quando você clica na caixa, o campo é aberto, permitindo ver de maneira completa o dado informado no campo, permitindo adicionar informações extras ao campo. Quando você clica nesse tipo de campo, você pode pressionar Ctrl + Enter para inserir uma quebra de linha. Pressione ESC para fechar o texto adicional de um campo. O máximo de texto que pode ser informado (número de caracteres), antes da função de expansão ser ativada, em um campo pode ser customizado no arquivo alephcom.ini, na seção: [Edit]
ExpandTextLength=100
Isso define o número máximo de caracteres que podem ser adicionados no campo. Por exemplo, caso o campo possa ter até 200 caracteres, mas está preenchido com apenas 20 caracteres, o botão ainda é exibido. 5.9 DATAS NA GUI DO ALEPHINO
Você informa a data no campo Data e seleciona cada dígito o selecionando com o cursor. O campo Data consiste de uma unidade única constituída de 8 dígitos. Há duas maneiras de informar uma data em um dos campos de data.
- Usando o calendário do menu de seleção. É aberto um pequeno calendário com a data atual selecionada. Você pode navegar pelos dias e meses com os botões e as setas, ou selecionar um dia com o uso do mouse.
- Usando a tecla F12 do campo de data. Caso o cursor esteja no campo data, ao acionar a tecla F12 do teclado, será configurada a data do dia de hoje. Se acionar novamente a tecla F12, todos os dígitos do campo data aparecerão como 0.
Você sempre poderá modificar a data informando os números apropriados no campo data.
Para fechar o calendário sem selecionar uma data, tecle ESC. 5.9.1 Navegando por Meses e Anos
Há diversos métodos de navegação por meses e anos:
- Através do calendário do menu de seleção - para navegar entre os meses, use as setas nos cantos superiores da janela do calendário.
- Caso você posicione o cursor do mouse sobre o mês na barra de título e clicar, uma lista de meses é exibida, permitindo a você selecionar um.
- Para navegar pelos anos, posicione o cursor sobre o ano na barra de título e clique. Será aberta uma caixa de seleção que permite caminhar pelos anos.
5.10 ÍCONES E A BARRA DE FUNÇÕES
Cada barra do Alephino possui ícones à direita e à esquerda.
5.10.1 Ícones de Identificação
Há ícones desabilitados no lado esquerdo de cada barra do Alephino. Esses ícones são usados para indicar as funcionalidades de cada barra de ferramentas.
Exemplo: Barra de Periódicos
Esses ícones não podem ser customizados.
5.10.2 Ícones de Atalhos
O lado direito constitui uma barra separada que possui ícones funcionais. Esses ícones são usados como atalho para diversas funções que estão nos menus do ALEPH.
Exemplo: Atalho para a função "Tela inteira" do menu "Visualizar".
O usuário pode customizar essa barra:
Para adicionar, excluir ou modificar um ícone. edite somente o arquivo ../Alephcom/tab/tbarbmp.dat da GUI do Alephino.
A seguir estão as funções e os ícones usados: Aquisição & Periódicos
------------
"OrderBar"
"InvoiceBar"
"SerialBar"
"OrderBarCommands"
"InvoiceBarCommands"
"SerialBarCommands"
Circulação
-----------
"UserBar"
"ItemBar"
"UserBarCommands"
"CircItemBarCommands"
Catalogação
----------
"RecordBar"
"RecordBarCommands"
"CatalogItemBar"
"CatalogItemBarCommands"
Os ícones são arquivos Bitmap que ficam armazenados em ../Alephcom/tbarbmp.
Para criar um atalho para a função "Catalogar registro" na Barra de Pedidos, você precisa adicionar a seguinte linha no arquivo tbarbmp.dat:
OrderBarCommands CATALOG_ORDER CatItem.bmp Y 0
5.11 ALTERNANDO ENTRE MÓDULOS
Em cada GUI você tem a possibilidade de alterar a exibição dos módulos utilizando tanto a barra de aplicações como também pelo menu Alephino > Trocar módulo:
Esse sub-menu também contém a opção "Fechar todos os módulos do Alephino". A opção do módulo em que você está no momento sempre aparece desabilitada. 5.12 JANELAS ABERTAS A PARTIR DE FORMULÁRIOS
Há diversos tipos de janelas que são abertas a partir de formulários do ALEPHINO (por exemplo, no Formulário de Chegada do módulo de Aquisição & Periódicos):
- Um calendário de seleção é aberto a partir do campo data:
- Um menu que contém uma lista de opções que se pode selecionar.
- Campo de texto longo. Esse é um campo retangular, em que o funcionário pode informar textos longos para o campo:
- Uma caixa de diálogo em pop-up:
Essas janelas podem ser exibidas de duas maneiras:
- Quando o botão ao lado do campo do formulário for clicado.
- Quando a respectiva tecla de atalho for pressionada.
Esses são botões e teclas de atalho que correspondem para cada tipo de campo:
| Descrição de Janelas Expandidas |
Ícone
|
Tecla de Atalho
|
Calendário
|
|
F4
|
Menu de seleção
|
|
F4
|
Texto longo para campo
|
|
F3
|
Caixa de diálogo separada:
|
|
-
|
Para utilizar uma tecla de atalho, o cursor precisa estar no campo correspondente.
Você pode fechar qualquer janela expandida do ALEPH com um clique em ESC.
Observe que você pode usar a tecla TAB para acessar o
botão. 5.13 TEXTOS DE DICAS
Nos módulos de Aquisição & Periódicos, Catalogação e Circulação, descrições/dicas são exibidas quando você posiciona o mouse sobre o ícone disponível à esquerda:
Você pode alterar os textos das dicas com a edição do arquivo módulo/tab/lng/window.dat. <BarName>.ToolTip.Info
Por exemplo, no arquivo window.dat, RecordBar.ToolTip.Info Barra de Títulos
possui a seguinte descrição/dica:
A descrição/dica que aparece quando você posiciona o mouse sobre o botão
na barra exibida acima é determinada pela seguinte linha: RecordBar.ToolTip.Go Abrir registro do servidor
5.14 LISTAS DA GUI - EXIBIR/ESCONDER COLUNAS
Muitas das informações disponíveis nos módulos GUI do Alephino são exibidas em formato de tabela ou lista. No exemplo a seguir, retirado do módulo de Circulação, quando você clica na função Empréstimos da Guia do Usuário, a seguinte lista é exibida:
A lista consiste de informações exibidas em linhas e colunas. Você pode definir quais colunas de informação são exibidas na lista. Quando você clica com o botão direito do mouse no cabeçalho da lista, a janela de "Configuração dos Cabeçalhos de Colunas" é exibida:
Como você pode ver, essa lista é composta de informações exibidas em linhas e colunas. Para remover uma coluna da lista exibida na GUI, desmarque a caixa de seleção correspondente. Selecione o campo Buscar padrão para restaurar a configuração original da lista. As configurações originais são armazenadas no servidor.
Você também pode modificar o tamanho das colunas, arrastando para a direita ou esquerda a borda da coluna, até que ela fique com a largura que você deseja.