Hi,
Obviously, I would like to use the custom.css to avoid fixing after each update.
An extended theme is not affected by updates.
Well:
1. & 3.
copy "themes/survey/fruity_twentythree/views/subviews/survey/question_subviews/question_text_content.twig"
to "upload/themes/survey/[your extended theme name]/views/subviews/survey/question_subviews/question_text_content.twig"
Change from
Code:
{# Use twig from core, if the question is mandatory,return ./subviews/survey/question_subviews/asterisk.twig #}
{% if (aQuestion.mandatory == 'Y') %}
{{ include('./subviews/survey/question_subviews/asterisk.twig') }}
{% endif %}
{# If the question number is to be shown (set in survey settings) #}
{% if (aShow.question_number) %}
<span class='{{ aSurveyInfo.class.questionnumber }}' {{ aSurveyInfo.attr.questionnumber }} >
{{ aQuestion.number }}
</span>
{% endif %}
{# If the question code is to be shown (set in survey settings) #}
{% if (aShow.question_code) %}
<span class='{{ aSurveyInfo.class.questioncode }}' {{ aSurveyInfo.attr.questioncode }}>
{{ aQuestion.code }}
</span>
{% endif %}
{# The question text as entered by the survey creator in question editing #}
<div class="{{ aSurveyInfo.class.questiontext }}" {{ aSurveyInfo.attr.questiontext }}>
<div id="ls-question-text-{{ aQuestion.SGQ }}" class="{{ aSurveyInfo.class.lsquestiontext }}" {{ aSurveyInfo.attr.lsquestiontext }}>
{{ aQuestion.text | raw }}
</div>
</div>
to
Code:
{# If the question code is to be shown (set in survey settings) #}
{% if (aShow.question_code) %}
<span class='{{ aSurveyInfo.class.questioncode }}' {{ aSurveyInfo.attr.questioncode }}>
{{ aQuestion.code }}
</span>
{% endif %}
{# The question text as entered by the survey creator in question editing #}
<div class="{{ aSurveyInfo.class.questiontext }}" {{ aSurveyInfo.attr.questiontext }}>
<div id="ls-question-text-{{ aQuestion.SGQ }}" class="{{ aSurveyInfo.class.lsquestiontext }}" {{ aSurveyInfo.attr.lsquestiontext }}>
{% if (aQuestion.mandatory == 'Y') %}
{{ include('./subviews/survey/question_subviews/asterisk.twig') }}
{% endif %}
{# If the question number is to be shown (set in survey settings) #}
{% if (aShow.question_number) %}
{{ aQuestion.number }}.
{% endif %}
{{ aQuestion.text | raw }}
</div>
</div>
1.a.
Also copy the "asterisk.twig"
And add the <sup></sup> tags
Code:
<sup><i class="asterisk ri-asterisk" title="{{ gT("(This question is mandatory)") }}"></i></sup>
In your custom.css add
.asterisk {
color:red;
}
2.
In your "custom.css" add
Code:
.top-container .progress {
height: 20px;
}
In your "progress_bar.twig" adapt to
Code:
<div class="{{ aSurveyInfo.class.progressbar }}" {{ aSurveyInfo.attr.progressbar }} style="width: {{ progressValue }}%;">{{ progressValue }}% of {{ aSurveyInfo.iTotalquestions }} questions
</div>
Joffm
