Page TSconfig

Example

Here an example with 3 layouts, that are already handled in the templates:

tx_fpmasterquiz.templateLayouts {
  0 = Standard-Layout
  1 = Layout for a poll with a pie chart
  2 = Detailed quiz/poll-results at a result-page
}

• You can use every number and description for the layouts.
• Now you can select a layout in the FlexForm of every page.
• Finally you can use now different layouts in your templates (0-2 are already in use by default).

Example

Here an example for a template (extract) with 2 layouts:

<f:if condition="{settings.templateLayout} == 1">
	<f:then>
		show a pie chart
	</f:then>
	<f:else>
		show only text
	</f:else>
</f:if>

Note: by default, the template will load JavaScript from cdn.jsdelivr.net, if you use templateLayout 1. Then the results will be displayed as a chart. Apexcharts will be used then. Here you find more informations about Apexcharts: https://apexcharts.com/

• Furthermore you can use TSconfig to rename or hide quiz-fields in the BE. Here two examples:

TCEFORM.tx_fpmasterquiz_domain_model_question.explanation.disabled = 1
TCEFORM.tx_fpmasterquiz_domain_model_quiz.about.label = Description for the list view

You find the TSconfig when you edit a page. Go to the tab Resources.