Theme editor/pt-br - Revision history

FuzzyBot: Updating to match new version of source page

2023-05-07T07:59:02Z

Updating to match new version of source page

FuzzyBot: Updating to match new version of source page

2023-02-25T12:34:07Z

Updating to match new version of source page

@@ Line 951: / Line 951: @@
 # Save your file. [[File:ThemeEditorSaveChanges.jpg]]
 # Change default theme to your extended theme. [[File:ChangeDefaultTheme.jpg]]
 ==Custom question views {{NewIn|3.0}}==

FuzzyBot: Updating to match new version of source page

2022-03-09T17:34:15Z

Updating to match new version of source page

← Older revision		Revision as of 19:34, 9 March 2022
Line 16:		Line 16:
	Trecho do tema Baunilha:		Trecho do tema Baunilha:

	<syntaxhighlight lang="twig">		<div class="mw-translate-fuzzy">
			<syntaxhighlight lang="twig" enclose="div">
	<div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}>		<div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}>
	{# NOTA: Se você quiser personalizar a renderização da pergunta, use um tema de pergunta #}		{# NOTA: Se você quiser personalizar a renderização da pergunta, use um tema de pergunta #}
Line 22:		Line 23:
	</div>		</div>
	</syntaxhighlight>		</syntaxhighlight>
			</div>

	Os temas, sendo HTML e código Twig, tendem a definir o posicionamento e o tipo de texto a ser exibido e características estruturais semelhantes da página. Eles geralmente fazem referência ou incluem outros arquivos. A maioria deles faz referência a um arquivo comum de folhas de estilo em cascata (CSS) que define o estilo da fonte, cor, tamanho, plano de fundo e parâmetros semelhantes comuns a todas as páginas da pesquisa. As folhas de estilo fazem referência aos parâmetros '''class''' HTML, que estão associados aos vários tipos de objetos no código HTML. Isso permite que a folha de estilo defina como exibir cada um dos muitos tipos de texto ou outros objetos que podem aparecer em vários lugares. Existem classes exclusivas para cada tipo de pergunta no LimeSurvey e, assim, fornecem controle detalhado sobre a aparência de cada uma. Arquivos de imagem, como logotipos ou construtores especiais de barra de progresso, também podem ser referenciados no arquivo Theme. Finalmente, palavras-chave especiais entre chaves são substituídas pelo texto definido na pesquisa para cada idioma correspondente (por exemplo, o 'Título da pesquisa' ou 'Texto da pergunta' para cada idioma definido).		Os temas, sendo HTML e código Twig, tendem a definir o posicionamento e o tipo de texto a ser exibido e características estruturais semelhantes da página. Eles geralmente fazem referência ou incluem outros arquivos. A maioria deles faz referência a um arquivo comum de folhas de estilo em cascata (CSS) que define o estilo da fonte, cor, tamanho, plano de fundo e parâmetros semelhantes comuns a todas as páginas da pesquisa. As folhas de estilo fazem referência aos parâmetros '''class''' HTML, que estão associados aos vários tipos de objetos no código HTML. Isso permite que a folha de estilo defina como exibir cada um dos muitos tipos de texto ou outros objetos que podem aparecer em vários lugares. Existem classes exclusivas para cada tipo de pergunta no LimeSurvey e, assim, fornecem controle detalhado sobre a aparência de cada uma. Arquivos de imagem, como logotipos ou construtores especiais de barra de progresso, também podem ser referenciados no arquivo Theme. Finalmente, palavras-chave especiais entre chaves são substituídas pelo texto definido na pesquisa para cada idioma correspondente (por exemplo, o 'Título da pesquisa' ou 'Texto da pergunta' para cada idioma definido).

C schmitz: Text replacement - " enclose="div"" to ""

2022-02-16T13:11:22Z

Text replacement - " enclose="div"" to ""

Show changes

Femariso: Created page with "Os temas, sendo HTML e código Twig, tendem a definir o posicionamento e o tipo de texto a ser exibido e características estruturais semelhantes da página. Eles geralmente f..."

2022-01-19T22:04:50Z

Created page with "Os temas, sendo HTML e código Twig, tendem a definir o posicionamento e o tipo de texto a ser exibido e características estruturais semelhantes da página. Eles geralmente f..."

← Older revision		Revision as of 00:04, 20 January 2022
Line 23:		Line 23:
	</syntaxhighlight>		</syntaxhighlight>

	~~Themes~~, ~~being~~ HTML ~~and~~ Twig ~~code~~, ~~tend to define the positioning and type of text to be displayed and similar structural features of the page~~. ~~They often reference or include other files~~. ~~Most of them reference~~ a ~~common cascading style sheets~~ (CSS) ~~file that defines the font style~~, ~~color~~, ~~size~~, ~~background, and similar parameters common to all pages in the survey~~. ~~Style sheets reference HTML~~ '''class''' ~~parameters that are associated with the various types of objects in the~~ HTML ~~code~~. ~~This allows the style sheet to define how to display each of the many types of text or other objects that may appear in multiple places~~. ~~There are unique~~ classes ~~for each question type in~~ LimeSurvey ~~and thus giving detailed control over the appearance of each~~. ~~Image files~~, ~~like logos or special progress-bar constructors~~, ~~may be referenced as well in the~~ Theme ~~file~~. ~~Finally~~, ~~special keywords in curly braces are replaced with text defined in the survey for each language translation correspondent~~ (~~for example~~, ~~the~~ '~~Survey Title~~' or '~~Question Text~~' ~~for each language defined~~).		Os temas, sendo HTML e código Twig, tendem a definir o posicionamento e o tipo de texto a ser exibido e características estruturais semelhantes da página. Eles geralmente fazem referência ou incluem outros arquivos. A maioria deles faz referência a um arquivo comum de folhas de estilo em cascata (CSS) que define o estilo da fonte, cor, tamanho, plano de fundo e parâmetros semelhantes comuns a todas as páginas da pesquisa. As folhas de estilo fazem referência aos parâmetros '''class''' HTML, que estão associados aos vários tipos de objetos no código HTML. Isso permite que a folha de estilo defina como exibir cada um dos muitos tipos de texto ou outros objetos que podem aparecer em vários lugares. Existem classes exclusivas para cada tipo de pergunta no LimeSurvey e, assim, fornecem controle detalhado sobre a aparência de cada uma. Arquivos de imagem, como logotipos ou construtores especiais de barra de progresso, também podem ser referenciados no arquivo Theme. Finalmente, palavras-chave especiais entre chaves são substituídas pelo texto definido na pesquisa para cada idioma correspondente (por exemplo, o 'Título da pesquisa' ou 'Texto da pergunta' para cada idioma definido).

	If you create a new custom theme, please consider contributing it back to the LimeSurvey community and make it available to others. With your help, we can grow our repository of themes, surveys, and other add-ons to make LimeSurvey even better!		If you create a new custom theme, please consider contributing it back to the LimeSurvey community and make it available to others. With your help, we can grow our repository of themes, surveys, and other add-ons to make LimeSurvey even better!

Femariso: Created page with "
{# NOTA: Se você quiser..."

2022-01-19T22:01:28Z

Created page with "<syntaxhighlight lang="twig" enclose="div"> <div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}> {# NOTA: Se você quiser..."

← Older revision		Revision as of 00:01, 20 January 2022
Line 18:		Line 18:
	<syntaxhighlight lang="twig" enclose="div">		<syntaxhighlight lang="twig" enclose="div">
	<div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}>		<div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}>
	{# ~~NOTE~~: ~~If you want to customize the question rendering~~, use ~~a question theme~~ #}		{# NOTA: Se você quiser personalizar a renderização da pergunta, use um tema de pergunta #}
	{{ aQuestion.answer \| raw }}		{{ aQuestion.answer \| raw }}
	</div>		</div>

Femariso: Created page with "Trecho do tema Baunilha:"

2022-01-19T21:58:06Z

Created page with "Trecho do tema Baunilha:"

← Older revision		Revision as of 23:58, 19 January 2022
Line 14:		Line 14:


	~~Snippet from Vanilla Theme~~:		Trecho do tema Baunilha:

	<syntaxhighlight lang="twig" enclose="div">		<syntaxhighlight lang="twig" enclose="div">

Femariso: Created page with "Desde o LimeSurvey 3, o mecanismo de tema usa [https://twig.symfony.com Twig], para que os desenvolvedores do tema possam alterar a lógica da renderização do formulário de..."

2022-01-19T21:53:57Z

Created page with "Desde o LimeSurvey 3, o mecanismo de tema usa [https://twig.symfony.com Twig], para que os desenvolvedores do tema possam alterar a lógica da renderização do formulário de..."

← Older revision		Revision as of 23:53, 19 January 2022
Line 11:		Line 11:


	~~Since~~ LimeSurvey 3, ~~the theme engine uses~~ [https://twig.symfony.com Twig], ~~so the theme developers can change the logic of the survey rendering in~~ a ~~safe and easy way~~. Twig ~~replace the old system of replacement keywords that was used in the previous versions~~. ~~The logic that was used to generate the~~ HTML ~~of the keywords is now available inside the theme's views~~.		Desde o LimeSurvey 3, o mecanismo de tema usa [https://twig.symfony.com Twig], para que os desenvolvedores do tema possam alterar a lógica da renderização do formulário de maneira segura e fácil. Twig substitui o antigo sistema de substituição de palavras-chave que era usado nas versões anteriores. A lógica que foi usada para gerar o HTML das palavras-chave agora está disponível dentro das visualizações do tema.

Femariso at 21:51, 19 January 2022

2022-01-19T21:51:25Z

← Older revision		Revision as of 23:51, 19 January 2022
Line 8:		Line 8:


	Desde o LimeSurvey 2.50, o mecanismo de tema usa [http://getbootstrap.com/docs/3.3/Bootstrap 3] como estrutura CSS. Como o Bootstrap 3 é um framework padrão, os desenvolvedores encontrarão muita documentação, tutoriais e tópicos de fórum sobre ele na internet.		Desde o LimeSurvey 2.50, o mecanismo de tema usa [http://getbootstrap.com/docs/3.3/ Bootstrap 3] como estrutura CSS. Como o Bootstrap 3 é um framework padrão, os desenvolvedores encontrarão muita documentação, tutoriais e tópicos de fórum sobre ele na internet.

Femariso: Created page with "Desde o LimeSurvey 2.50, o mecanismo de tema usa [http://getbootstrap.com/docs/3.3/Bootstrap 3] como estrutura CSS. Como o Bootstrap 3 é um framework padrão, os desenvolvedo..."

2022-01-19T21:51:09Z

Created page with "Desde o LimeSurvey 2.50, o mecanismo de tema usa [http://getbootstrap.com/docs/3.3/Bootstrap 3] como estrutura CSS. Como o Bootstrap 3 é um framework padrão, os desenvolvedo..."

← Older revision		Revision as of 23:51, 19 January 2022
Line 8:		Line 8:


	~~Since~~ LimeSurvey 2.50, ~~the theme engine uses~~ [http://getbootstrap.com/docs/3.3/ Bootstrap 3] as CSS ~~framework~~. ~~Since~~ Bootstrap 3 ~~is a standard~~ framework, ~~developers will find a lot of documentation~~, ~~tutorials and forum threads about it on the~~ internet.		Desde o LimeSurvey 2.50, o mecanismo de tema usa [http://getbootstrap.com/docs/3.3/Bootstrap 3] como estrutura CSS. Como o Bootstrap 3 é um framework padrão, os desenvolvedores encontrarão muita documentação, tutoriais e tópicos de fórum sobre ele na internet.

Theme editor/pt-br - Revision history

FuzzyBot: Updating to match new version of source page

FuzzyBot: Updating to match new version of source page

FuzzyBot: Updating to match new version of source page

C schmitz: Text replacement - " enclose="div"" to ""

Femariso: Created page with "Os temas, sendo HTML e código Twig, tendem a definir o posicionamento e o tipo de texto a ser exibido e características estruturais semelhantes da página. Eles geralmente f..."

Femariso: Created page with " {# NOTA: Se você quiser..."

Femariso: Created page with "Trecho do tema Baunilha:"

Femariso: Created page with "Desde o LimeSurvey 3, o mecanismo de tema usa [https://twig.symfony.com Twig], para que os desenvolvedores do tema possam alterar a lógica da renderização do formulário de..."

Femariso at 21:51, 19 January 2022

Femariso: Created page with "Desde o LimeSurvey 2.50, o mecanismo de tema usa [http://getbootstrap.com/docs/3.3/Bootstrap 3] como estrutura CSS. Como o Bootstrap 3 é um framework padrão, os desenvolvedo..."

Femariso: Created page with "
{# NOTA: Se você quiser..."