Personalização › Personalização da interface web › O Criador de telas da Web (WSP) › Editar folhas de estilos

Editar folhas de estilos

Você pode usar o WSP para editar ou criar arquivos CSS (folha de estilos em cascata).

Para editar uma folha de estilos

1. Selecione Arquivo, Abrir.

   A caixa de diálogo Abrir arquivo é exibida.

2. Selecione Folha de estilos em cascata na lista suspensa Interface ou Tipo de arquivo.

   É exibida uma lista de folhas de estilo.

Para criar uma folha de estilos

1. Selecione Arquivo, Novo.

   É exibida a caixa de diálogo Novo formulário.

2. Selecione Folha de estilos em cascata na lista suspensa Interface ou Tipo de arquivo e clique em Nova.

   Em ambos os casos, o WSP mostrará a Exibição de código-fonte da folha de estilos. Você pode editar diretamente na exibição de código-fonte ou exibir o Designer de estilos selecionando Ferramentas, Designer de estilos.

A seção superior do Designer de estilos permite controlar as classes na folha de estilos. A lista suspensa Classes de estilo, no canto superior esquerdo do Designer de estilos, permite selecionar uma classe a ser editada. Os botões Adicionar, Renomear e Excluir permitem criar uma classe ou renomear ou excluir uma classe existente.

Há três guias no Designer de estilos. A guia Fonte e cor permite selecionar atributos para o texto formatado pela classe de estilo e visualizar qual será a aparência dele. A seção Visualização da fonte, na parte inferior dessa guia, mostra qual será a aparência do estilo.

A guia Posição permite controlar o posicionamento e a guia Outros permite controlar os atributos de visibilidade, exibição, estouro de capacidade e cursor. Existem vários atributos de estilo, como margem e borda, que não podem ser vistos nem editados no Designer de estilos. Esses atributos devem ser editados na Exibição de código-fonte.

Quando você clica em OK no Designer de estilos, o WSP reformata a folha de estilos e atualiza a Exibição de código-fonte. É possível continuar editando na Exibição de código-fonte ou abrir novamente o Designer de estilos.

Observação: por motivos de desempenho, as folhas de estilos do CA SDM são fornecidas de duas formas: arquivos individuais (como search_filter.css) e arquivos de combinação que agrupam um número de arquivos individuais com comentários e excesso de espaço em branco removido (como analyst_styles.css). WSP sempre edita os arquivos individuais; você não pode editar um arquivo de combinação diretamente. Quando você publica alterações da folha de estilos, o WSP cria automaticamente o arquivo de combinação associado, se necessário.