Opções de tema
From LimeSurvey Manual
O LimeSurvey 3 introduziu um novo sistema de mecanismo de temas, baseado em Twig 1.29 e Bootstrap, que permite a herança de temas e diferentes opções de tema.
Instale a versão mais recente do LimeSurvey para ter acesso ao recurso de opções de tema do questionário.
Introdução
As Opções de tema oferecem um conjunto de ferramentas que permitem aos administradores de questionários alterar de forma rápida e fácil as configurações relacionadas aos temas de seus questionários.
Painel de opções de tema
Acesse o recurso de opções de tema a partir das configurações do questionário:
A barra de ferramentas do painel contém duas abas: a aba Opções simples e a aba Opções avançadas.
Opções simples
O seguinte é exibido na página de opções de tema:
Observe que cada tema vem com certas opções que podem ser alteradas nas opções de tema do questionário. Nesta seção do wiki, o tema padrão do LimeSurvey, fruity, é usado para mostrar como mudanças rápidas, fáceis e ainda assim poderosas podem ser aplicadas a um tema por usuários sem nenhum conhecimento prévio de HTML, PHP e/ou CSS.
A aba Opções simples vem pré-selecionada. As configurações mais importantes do tema do questionário podem ser alteradas a partir dela:
- Herdar tudo: Se o botão Sim estiver selecionado, todas as configurações de tema serão herdadas do nível de configuração global. Se você clicar em Não e clicar no botão Salvar, localizado na parte superior direita da tela, mais opções de configuração de tema serão exibidas. Cada uma dessas opções pode ser definida como:
- herdar as configurações de tema do grupo de questionários - Herdar (a menos que seja alterado, o tema do seu questionário herdará a configuração global de tema);
- não herdar nenhuma configuração global de tema - Não;
- ou ativar outra configuração - Sim. Se esta opção for escolhida, as configurações do tema podem ser definidas como você desejar. Você pode observar que cada configuração de tema permite selecionar o valor Herdar.
O sistema de herança é aplicado em três níveis:
- no nível global (acessível a partir da lista de temas). Os outros dois níveis herdam as configurações globais de tema;
- no nível do grupo de questionários (acessível a partir do painel de configurações do questionário). As configurações de tema no nível do grupo de questionários herdam as configurações globais de tema;
- no nível do questionário. As configurações de tema do questionário herdam as configurações de tema do grupo de questionários.
- Fontes do tema: Selecione a fonte que deseja usar em seu tema;
- Variações do tema: Selecione uma das variações de tema disponíveis na lista suspensa. Ela altera a fonte e a cor dos ícones.
Sem herança
Como mencionado acima, no menu de configurações do questionário você pode escolher não herdar a configuração global de tema. Depois de clicar no botão Salvar, mais opções serão exibidas:
Para mostrar o poder desse recurso, as explicações a seguir serão baseadas no tema fruity. Observe que cada tema vem com suas próprias opções personalizáveis.
- Modo Ajax: Se ativado, a página do questionário será carregada mais rapidamente via ajax (recomendado para o usuário médio do LimeSurvey). Se desativado, a página será carregada por meio de recarregamento de página, o que é melhor para fins de depuração;
- Recipiente de pesquisa: Se Sim for selecionado, o questionário será exibido em um recipiente - sua largura é limitada. Esta opção é útil se os participantes do questionário o respondem a partir de celulares ou tablets, pois a largura do questionário é controlada. Assim, é mais confortável para seus respondentes, que não precisarão mais rolar para a direita para ler a pergunta inteira ou ver todas as opções de resposta. Se o questionário estiver incorporado em um blog e/ou fórum, você também pode desativar esta opção, já que eles já utilizam uma determinada largura.
- Bordas de pergunta: Se ativado, cada pergunta será exibida dentro de uma borda. Se definido como Não, as perguntas não ficarão contidas em uma caixa (assim, você pode usar tipos de pergunta de matriz grandes, maiores que a largura da tela);
- Sombra de pergunta: Se ativado, uma sombra será exibida ao redor das bordas (in)visíveis da pergunta.
- Cor de fundo: Selecione a cor de fundo de toda a pergunta, incluindo as respostas;
- Cor de fonte: Altere a cor da fonte selecionando a cor desejada no menu popup.
- Cor de fundo de pergunta: Altere a cor de fundo da pergunta selecionando a cor desejada no menu popup.
- Verificar o ícone: Esta configuração permite selecionar o ícone de verificação desejado quando são usados tipos de pergunta de múltipla escolha.
- Imagem de fundo: Se definido como Não, você pode selecionar uma imagem de fundo diferente da usada nas configurações de tema do seu grupo de questionários e/ou globais. Você também pode importar uma imagem de fundo personalizada para o questionário clicando no botão Importar localizado na parte inferior do painel de configurações do tema e selecionando a imagem desejada em seu computador;
- Logotipo da marca: Se definido como Não, o nome do questionário será exibido na barra superior ou, então, você pode selecionar uma das imagens do diretório de arquivos para ser usada como logotipo.
- Animar corpo: Se definido como Sim, você pode escolher uma das animações a serem aplicadas quando o "corpo" do questionário for carregado;
- Animar perguntar: Se definido como Sim, você escolhe uma das animações a serem aplicadas às perguntas do seu questionário quando elas forem carregadas.
- Animar alerta: Se definido como Sim, os alertas do seu questionário (quando os dados do questionário não são registrados ou o código errado é digitado) serão animados de acordo com a opção de animação selecionada.
- Animar checkbox: Se definido como Sim, sempre que você marcar uma opção de resposta, a animação será acionada.
- Animar botões do tipo rádio: Se definido como Sim, sempre que você selecionar uma opção em uma pergunta do tipo rádio, a animação será acionada.
A biblioteca usada para as animações é a animate.css. Você pode usar a padrão ou adicionar sua própria biblioteca de animação.
Digite um número no campo de duração. Se você digitar dez (10), a animação durará 10 segundos.- Fontes Fruity: Selecione a fonte que deseja usar no seu tema;
- Variações Fruity: Selecione uma das variações de tema disponíveis na lista suspensa. Ela altera a fonte e a cor dos ícones.
- Importar: Procure no seu computador uma imagem para ser usada como logotipo ou imagem de fundo do seu tema. Pode ser necessária permissão de escrita na pasta "/themes/survey/fruity/files" - o local onde as imagens carregadas serão armazenadas na sua instalação do LimeSurvey.
Opções avançadas
Ao abrir a guia Opções de tema, você pode optar por editar as Opções simples ou as Opções avançadas. “Opções avançadas” é apenas um formulário simples que dá acesso aos principais campos de configuração do tema no banco de dados. Para entender como funciona, você também deve ler sobre o arquivo XML e a criação de um tema do zero. Portanto, é um recurso bastante complexo e feito para usuários avançados.
No entanto, se você deseja editar as configurações avançadas, clique na guia Opções avançadas
- Arquivos CSS: Os arquivos CSS que devem ser adicionados ao tema;
- Arquivos JS: Os arquivos JS que devem ser adicionados ao tema;
- Arquivos de impressão CSS: Os arquivos CSS a serem carregados ao imprimir um tema;
- Opções: Este campo inclui as opções (e seus valores) que devem ser processadas na visualização do tema;
- CssFramework Name: O nome do framework CSS a ser carregado. Por enquanto, apenas Bootstrap ou nenhum;
- Cssframework Css: Neste campo, você pode substituir o bootstrap.css principal por uma versão personalizada diferente dele;
- Cssframework Js: O campo do boostrap.js principal pode ser substituído aqui por uma versão personalizada diferente dele;
- Pacotes para carregar: Com esta configuração, você pode carregar alguns pacotes de recursos principais do LimeSurvey.
Você notará um campo de carregamento no topo, que permite fazer o carregamento de um arquivo para o diretório de arquivos do tema. Esses parâmetros podem ser usados para alterar toda a aparência do tema.
Aviso! : Não altere os valores a menos que saiba o que está fazendo!