New Template System in LS3.x/es - Revision history

Maren.fritz: Created page with "
Nombre de la encuesta debajo de la barra de progreso
Survey name below progress bar</label>
<label for='simple_edit_options_surveyname2' class='control-label'>Nombre de la encuesta debajo de la barra de progreso</label>

<div class='col-sm-12'>
<div class='col-sm-12'> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-default"> <input name='surveyname2' type='radio' value='on' class='selector_option_radio_field ' data-id='simple_edit_options_surveyname2'/> ¡Si n!</label> <label class="btn btn-default"> <input name='surveyname2' type='radio' value='off' class='selector_option_radio_field ' data-id='simple_edit_options_surveyname2'/> ¡No!</label> </div> </div> </div> </div> </div> <div class='row'> <hr/> </div></syntaxhighlight>

<div class="btn-group" data-toggle="buttons">
#Abra <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/config.xml</span> y agregue dos elementos al bloque "opciones" para que se vea así:<syntaxhighlight lang="xml"><options> <ajaxmode> en</ajaxmode> ... <surveyname1> en</surveyname1> <surveyname2> en</surveyname2> </options></syntaxhighlight>

<label class="btn btn-default">
#Esto debería brindarle dos nuevas opciones en la pantalla Opciones de tema como esta:<br /> [[File:Tutorial_tp_1_1.png]]

<input name='surveyname2' type='radio' value='on' class='selector_option_radio_field ' data-id='simple_edit_options_surveyname2'/>

Yes

</label>

<label class="btn btn-default">

<input name='surveyname2' type='radio' value='off' class='selector_option_radio_field ' data-id='simple_edit_options_surveyname2'/>

No

</label>

</div>

</div>

</div>

</div>

</div>

<div class='row'>

<hr/>

</div></syntaxhighlight>

#Open <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/config.xml</span> and add two items to the "options" block so it looks like this:<syntaxhighlight lang="xml"> <options>

<ajaxmode>on</ajaxmode>

...

<surveyname1>on</surveyname1>

<surveyname2>on</surveyname2>

</options></syntaxhighlight>

#This should give you two new options in the Theme Options screen like this:<br />[[File:Tutorial_tp_1_1.png]]

===Vista modificada para el título de la encuesta en la barra de navegación===
===Vista modificada para el título de la encuesta en la barra de navegación===

Maren.fritz: Created page with "===Vista modificada para el título de la encuesta en la barra de navegación=== #Crear un nuevo directorio /upload/themes/survey/yourThemeName/v..."

2023-09-11T11:19:15Z

Created page with "===Vista modificada para el título de la encuesta en la barra de navegación=== #Crear un nuevo directorio <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/v..."

← Older revision		Revision as of 13:19, 11 September 2023
Line 413:		Line 413:
	#This should give you two new options in the Theme Options screen like this:<br />[[File:Tutorial_tp_1_1.png]]		#This should give you two new options in the Theme Options screen like this:<br />[[File:Tutorial_tp_1_1.png]]

	===~~Modifed view for Survey Title in the navbar~~===		===Vista modificada para el título de la encuesta en la barra de navegación===
	#~~Create a new directory~~ <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/views/subviews/header/</span>.		#Crear un nuevo directorio <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/views/subviews/header/ .</span>
	#Copy <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/header/nav_bar.twig</span> ~~to that new directory~~.		#Copy <span style="color: #BA2121;">/themes/survey/vanilla/ views/subviews/header/nav_bar.twig</span> a ese nuevo directorio.
	#~~Open~~ <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/header/nav_bar.twig</span> ~~and find~~ "{# ~~Logo option~~ #}". ~~Under that~~, ~~modify the~~ IF ~~statement for the logo~~/~~survey-name~~, ~~so it looks like this~~:<syntaxhighlight lang="html">		#Abra <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/header/nav_bar.twig</span> y busque "{# Opción de logotipo #}". Debajo de eso, modifique la declaración IF para el logotipo/nombre de la encuesta, para que se vea así:<syntaxhighlight lang="html">
	{# ~~Logo option~~ #}		{# Opción de logotipo #}
	{% if( aSurveyInfo.options.brandlogo == "on") %}		{% if( aSurveyInfo.options.brandlogo == "on") %}
	<div class="{{ aSurveyInfo.class.navbarbrand }} logo-container" {{ aSurveyInfo.attr.navbarbrand }} >		<div class="{{ aSurveyInfo.class.navbarbrand }} logo-container" {{ aSurveyInfo.attr.navbarbrand }} >
	{{ ~~image~~(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive"}) }}		{{ imagen(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive"}) }}
	</div>		</div>
	{% endif %}		{% endif %}
	{% if( aSurveyInfo.options.surveyname1 == "on") %}		{% if( aSurveyInfo.options.surveyname1 == "on") %}
	<div class="{{ aSurveyInfo.class.navbarbrand }}" {{ aSurveyInfo.attr.navbarbrand }} >		<div class="{{ aSurveyInfo.class.navbarbrand }}" {{ aSurveyInfo.attr.navbarbrand }} >
	{{ aSurveyInfo.name }}		{{ aSurveyInfo.name }}
	</div>		</div>
	{% ~~endif~~ %}</syntaxhighlight>		{% terminara si %}</syntaxhighlight>
	#~~Add something like this to~~ <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/css/custom.css</span>:<syntaxhighlight lang="css">.navbar-~~brand~~ {		#Agregue algo como esto a <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/css/custom.css</span> :<syntaxhighlight lang="css"> .navbar-marca {
	~~line-height~~: 60px;		altura de línea: 60px;
	~~font-size~~: 32px;		tamaño de fuente: 32px;
	}</syntaxhighlight>		}</syntaxhighlight>
	#~~Toggle the~~ "~~Survey name in navbar~~" ~~theme option to~~ "~~Yes~~"		#Cambie la opción de tema "Nombre de la encuesta en la barra de navegación" a "Sí"
	#~~You should see this~~:<br />[[~~File~~:Tutorial_tp_1_2.png]]		#Deberías ver esto:<br /> [[Archivo:Tutorial_tp_1_2.png]]
	===~~Modifed view for Survey Title under progress bar~~===		===Vista modificada para el título de la encuesta debajo de la barra de progreso===
	#~~Create a new directory~~ <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/views/subviews/survey/group_subviews</span>.		#Crea un nuevo directorio <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/views/subviews/survey/group_subviews</span> .
	#~~Copy~~ <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/survey/group_subviews/group_container.twig</span> ~~to that new directory~~.		#Copia <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/survey/group_subviews/group_container.twig</span> a ese nuevo directorio.
	#Open <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/survey/group_subviews/group_container.twig</span> ~~and add an~~ <nowiki><h1></nowiki> ~~element for the survey name~~. ~~So it looks like this~~:<syntaxhighlight lang="html"><div class="{{ aSurveyInfo.class.groupcontainer }} space-col" {{ aSurveyInfo.attr.groupcontainer }}>		#Open <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/survey/group_subviews/group_container .twig</span> y agrega un<nowiki><h1></nowiki> elemento para el nombre de la encuesta. Entonces se ve así: <syntaxhighlight lang="html"><div class="{{ aSurveyInfo.class.groupcontainer }} space-col" {{ aSurveyInfo.attr.groupcontainer }}>
			{# Nombre de la encuesta personalizada #}
	{# ~~Custom survey name~~ #}		{% if( aSurveyInfo.options.surveyname2 == "on") %}
	{% if( aSurveyInfo.options.surveyname2 == "on") %}		<h1 class="custom-survey-name"> {{ aSurveyInfo.name }}</h1>
	<h1 class="custom-survey-name">{{ aSurveyInfo.name }}</h1>		{% endif %}
	{% endif %}		{# Nombre del grupo #}
			{{ include('./subviews/survey/group_subviews/group_name.twig') }}
	{# ~~Group Name~~ #}		{# Descripción del grupo #}
	{{ include('./subviews/survey/group_subviews/group_name.twig') }}		{{ include('./subviews/survey/group_subviews/group_desc.twig') }}
			{# ¡PRESENTA LAS PREGUNTAS
	{# ~~Group Description~~ #}		Esta es la parte principal. ¡Representará cada pregunta para este grupo
	{{ include('./subviews/survey/group_subviews/group_desc.twig') }}		#} <!-- PRESENT THE QUESTIONS --> {% para unaPregunta en unGrupo.aPreguntas %}
			{{ include('./subviews/survey/question_container.twig') }}
	{#		{% endfor %}
	~~PRESENT THE QUESTIONS~~		<!-- Hidden inputs --> {% if aGroup.show_last_group == true %}
			<input type='hidden' name='lastgroup' value='{{ aGroup.lastgroup }}' id='lastgroup' /> {% endif %}
	~~This is the main part~~. ~~It will render each question for this group~~		{% if aGroup.show_last_answer == true %}
	#}		<input type='hidden' name='lastanswer' value='{{ aGroup.lastanswer }}' id='lastanswer' /> {% endif %}
			</div></syntaxhighlight>
	<!-- PRESENT THE QUESTIONS -->		# Agregue algo como esto a <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/css/custom.css</span> :<syntaxhighlight lang="css"> .navbar-marca {
	{% ~~for aQuestion in aGroup~~.~~aQuestions~~ %}		altura de línea: 60ph1.nombre-encuesta-personalizado {
	{{ include('./subviews/survey/question_container.twig') }}		margen: 0;
	{% endfor %}		alineación de texto: centro;
			}</syntaxhighlight>
	<!-- Hidden inputs -->		#Cambie la opción de tema "Nombre de la encuesta debajo de la barra de progreso" a "Sí"
	{% if aGroup.show_last_group == true %}		#Deberías ver esto:<br /> [[File:Tutorial_tp_1_3.png]]
	<input type='hidden' name='lastgroup' value='{{ aGroup.lastgroup }}' id='lastgroup' />
	{% endif %}

	{% if aGroup.show_last_answer == true %}
	<input type='hidden' name='lastanswer' value='{{ aGroup.lastanswer }}' id='lastanswer' />
	{% endif %}
	</div></syntaxhighlight>
	# ~~Add something like this to~~ <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/css/custom.css</span>:<syntaxhighlight lang="css">.navbar-~~brand~~ {
	~~line-height~~: 60ph1.~~custom~~-~~survey~~-~~name~~ {
	~~margin~~: 0;
	~~text-align~~: ~~center~~;
	}</syntaxhighlight>
	#~~Toggle the~~ "~~Survey name below progress bar~~" ~~theme option to~~ "~~Yes~~"
	#~~You should see this~~:<br />[[File:Tutorial_tp_1_3.png]]

	===Descargas===		===Descargas===

Maren.fritz: Created page with "===Descargas=== * Ejemplo de tema extendido: Media:Test_survey_names.zip"

2023-09-11T11:15:58Z

Created page with "===Descargas=== * Ejemplo de tema extendido: Media:Test_survey_names.zip"

← Older revision		Revision as of 13:15, 11 September 2023
Line 478:		Line 478:
	#You should see this:<br />[[File:Tutorial_tp_1_3.png]]		#You should see this:<br />[[File:Tutorial_tp_1_3.png]]

	===~~Downloads~~===		===Descargas===
	* ~~Sample extended theme~~: [[Media:Test_survey_names.zip]]		* Ejemplo de tema extendido: [[Media:Test_survey_names.zip]]

	=Creando un tema desde cero=		=Creando un tema desde cero=

Maren.fritz: Created page with "=Creando un tema desde cero= La documentación estará disponible próximamente."

2023-09-11T11:15:53Z

Created page with "=Creando un tema desde cero= La documentación estará disponible próximamente."

← Older revision		Revision as of 13:15, 11 September 2023
Line 481:		Line 481:
	* Sample extended theme: [[Media:Test_survey_names.zip]]		* Sample extended theme: [[Media:Test_survey_names.zip]]

	=~~Creating a theme from scratch~~=		=Creando un tema desde cero=
	~~Documentation coming soon~~.		La documentación estará disponible próximamente.

	Por ahora, solo daré algunos consejos.		Por ahora, solo daré algunos consejos.

Maren.fritz: Created page with "Por ahora, solo daré algunos consejos."

2023-09-11T11:15:48Z

Created page with "Por ahora, solo daré algunos consejos."

← Older revision		Revision as of 13:15, 11 September 2023
Line 484:		Line 484:
	Documentation coming soon.		Documentation coming soon.

	~~For now~~, ~~just giving few tips~~.		Por ahora, solo daré algunos consejos.

	==Estructura del tema==		==Estructura del tema==

Maren.fritz: Created page with "'''NOTA''': si eliminas la sección"

2023-09-11T11:15:05Z

Created page with "'''NOTA''': si eliminas la sección"

← Older revision		Revision as of 13:15, 11 September 2023
Line 738:		Line 738:
	'''NOTA''': si edita manualmente los archivos CSS/JS (sin usar el Editor de temas) y si el modo de depuración está desactivado, ahora puede forzar la eliminación del activo. En "Configuración global", "Pestaña General", haga clic en el botón "Borrar caché de activos".		'''NOTA''': si edita manualmente los archivos CSS/JS (sin usar el Editor de temas) y si el modo de depuración está desactivado, ahora puede forzar la eliminación del activo. En "Configuración global", "Pestaña General", haga clic en el botón "Borrar caché de activos".

	'''~~NOTE~~''': ~~if you remove the section~~		'''NOTA''': si eliminas la sección

Maren.fritz: Created page with "'''NOTA''': si edita manualmente los archivos CSS/JS (sin usar el Editor de temas) y si el modo de depuración está desactivado, ahora puede forzar la eliminación del activo..."

2023-09-11T11:15:03Z

Created page with "'''NOTA''': si edita manualmente los archivos CSS/JS (sin usar el Editor de temas) y si el modo de depuración está desactivado, ahora puede forzar la eliminación del activo..."

← Older revision		Revision as of 13:15, 11 September 2023
Line 736:		Line 736:


	'''~~NOTE~~''': ~~if you manually edit the~~ CSS/JS ~~files~~ (~~without using the Theme~~ Editor), ~~and if debug mode is off, you can now force the asset to be flushed~~. In "~~Global Settings~~", "General ~~tab~~", ~~click the button~~ "~~Clear assets cache~~".		'''NOTA''': si edita manualmente los archivos CSS/JS (sin usar el Editor de temas) y si el modo de depuración está desactivado, ahora puede forzar la eliminación del activo. En "Configuración global", "Pestaña General", haga clic en el botón "Borrar caché de activos".

	'''NOTE''': if you remove the section		'''NOTE''': if you remove the section

Maren.fritz: Created page with "Cuidado: todo se cargará desde el XML (opciones incluidas, etc)"

2023-09-11T11:14:58Z

Created page with "Cuidado: todo se cargará desde el XML (opciones incluidas, etc)"

← Older revision		Revision as of 13:14, 11 September 2023
Line 733:		Line 733:
	'force_xmlsettings_for_survey_rendering' => true, // Descomentar si desea forzar el uso del archivo XML en lugar de la base de datos (para facilitar el desarrollo del tema)		'force_xmlsettings_for_survey_rendering' => true, // Descomentar si desea forzar el uso del archivo XML en lugar de la base de datos (para facilitar el desarrollo del tema)

	~~Becareful~~: ~~everything will be loaded from the~~ XML (~~included options~~, etc)		Cuidado: todo se cargará desde el XML (opciones incluidas, etc)

Maren.fritz: Created page with "'force_xmlsettings_for_survey_rendering' => true, // Descomentar si desea forzar el uso del archivo XML en lugar de la base de datos (para facilitar el desarrollo del tema)"

2023-09-11T11:14:56Z

Created page with "'force_xmlsettings_for_survey_rendering' => true, // Descomentar si desea forzar el uso del archivo XML en lugar de la base de datos (para facilitar el desarrollo del tema)"

← Older revision		Revision as of 13:14, 11 September 2023
Line 731:		Line 731:
	'''NOTA''': para evitar eso, puede forzar el uso del XML en lugar de la base de datos. En config.php, active el modo de depuración y descomente:		'''NOTA''': para evitar eso, puede forzar el uso del XML en lugar de la base de datos. En config.php, active el modo de depuración y descomente:

	'force_xmlsettings_for_survey_rendering' => true, // ~~Uncomment if you want to force the use of the~~ XML ~~file rather than DB~~ (~~for easy theme development~~)		'force_xmlsettings_for_survey_rendering' => true, // Descomentar si desea forzar el uso del archivo XML en lugar de la base de datos (para facilitar el desarrollo del tema)

	Becareful: everything will be loaded from the XML (included options, etc)		Becareful: everything will be loaded from the XML (included options, etc)

Maren.fritz: Created page with "'''NOTA''': para evitar eso, puede forzar el uso del XML en lugar de la base de datos. En config.php, active el modo de depuración y descomente:"

2023-09-11T11:14:52Z

Created page with "'''NOTA''': para evitar eso, puede forzar el uso del XML en lugar de la base de datos. En config.php, active el modo de depuración y descomente:"

← Older revision		Revision as of 13:14, 11 September 2023
Line 729:		Line 729:
	'''NOTA''': si editas el archivo XML de un tema, debes desinstalar y reinstalar el tema para que se tenga en cuenta.		'''NOTA''': si editas el archivo XML de un tema, debes desinstalar y reinstalar el tema para que se tenga en cuenta.

	'''~~NOTE~~''': ~~to avoid that~~, ~~you can force the use to the~~ XML ~~rather than DB~~. In config.php ~~turn debug mode on and uncommment~~:		'''NOTA''': para evitar eso, puede forzar el uso del XML en lugar de la base de datos. En config.php, active el modo de depuración y descomente:

	'force_xmlsettings_for_survey_rendering' => true, // Uncomment if you want to force the use of the XML file rather than DB (for easy theme development)		'force_xmlsettings_for_survey_rendering' => true, // Uncomment if you want to force the use of the XML file rather than DB (for easy theme development)