Temas

O LimeSurvey utiliza um sistema de temas, baseado em Twig e Bootstrap, que permite herança e opções. A página HTML do frontend pode ser 100% personalizada para atender às suas necessidades.

Introdução

As Opções de tema oferecem um conjunto de ferramentas que permite aos administradores de questionários alterar de forma rápida e fácil as configurações relacionadas a temas dos seus questionários.

Opções para alterar um tema

Existem duas maneiras de usar um tema: por meio da configuração global ou por meio do painel de opções de tema dentro de um questionário.

Alterar o tema pela configuração global torna o tema escolhido o tema padrão de todos os questionários que você criar. Se o tema for alterado para um questionário específico usando o painel de Opções de tema dentro do questionário, somente o tema desse questionário será alterado.

Tema padrão na configuração global

Painel de opções de tema

Esta opção altera o tema de um questionário específico. Para acessar o novo recurso de Opções de tema, vá para as Configurações do questionário:

Lista de temas disponíveis

A lista de temas disponíveis pode ser acessada a partir do painel de administração: Configuração > Avançado > Temas

A lista é dividida em 5 colunas:

• Pré-visualização do tema: Mostra a aparência do tema quando utilizado.
• Título do tema: Especifica o nome do tema.
• Descrição dos temas: Os usuários sempre podem obter mais informações sobre o tema por meio da URL na descrição.
• Tipo de tema: Os temas principais são fornecidos com o LimeSurvey e não é possível alterá-los, enquanto os temas de usuário são temas expandidos, adicionados pelos usuários ao diretório de carregamento.
• Extensões: se o tema estende outros temas, o nome do tema estendido será exibido aqui.
• Última coluna, com botões de ação: A última coluna contém cinco botões, como mostrado na imagem.

Os botões são as formas pelas quais um tema pode ser editado, e cada botão será explicado em detalhes abaixo:

• • Editor de temas: redireciona você para o editor de temas
  • Opções de tema: leva você à configuração global das opções de tema
  • Desinstalar: exclui as entradas de configuração de um tema no banco de dados
  • Instalar: carrega o manifesto de um tema para adicioná-lo ao banco de dados e torná-lo disponível para seleção no nível do questionário
  • Redefinir: reinicializa completamente o tema.

Editor de temas

Os temas principais do LimeSurvey (temas padrão) não podem ser modificados. O botão "Estender" permite que um tema principal seja modificado (expandido).

Esta documentação pressupõe que você já saiba usar o Editor de modelos da versão anterior do LimeSurvey.

O tema fruity é usado nesta demonstração de como expandir/modificar um tema usando o Editor de temas.

Ao clicar no botão do Editor de temas, a página abaixo é exibida. É possível pré-visualizar o tema usando os botões "Anterior" e "Próximo". O tamanho da tela pode ser ajustado para ver como o tema responde em todos os dispositivos. Um novo tema pode ser importado ou o tema atual pode ser exportado como um arquivo zip.

O botão "Estender" solicitará um novo nome para salvar uma cópia do tema que você deseja modificar. 
Em nosso caso, o tema fruity será chamado de "extends_fruity".

Visão geral da herança de temas

Quando um tema é expandido, uma cópia do tema original pode ser facilmente modificada. Em nosso caso, temos uma cópia do tema fruity salva como "extends_fruity", que estará disponível para uso na lista de temas disponíveis.

A modificação de temas é destinada a usuários avançados com conhecimentos básicos de HTML, CSS e Twig.

Desenvolvimento