Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version:
Version 6.4.12
Eigener Server oder LimeSurvey-Cloud:
LimeSurvey Cloud
Genutzte Designvorlage: Eigene auf Grundlage fruity_twentythree -
Blueberry
==================
Hallo allerseits,
ich habe meine Designvorlage so angepasst, dass der Umfragename in der Navbar angezeigt wird:
Das habe ich im Nav_Bar.twig gemacht in dem ich den Code angepasst habe:
Code:
<div class="container-fluid col-xl-8">
{% if( aSurveyInfo.options.brandlogo == "on") %}
<div class="navbar-brand logo-container d-none d-md-block">
{{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-fluid"}) }}
</div>
{% endif %}
<div id="survey-title" class="surveytitle">{{oSurvey.localizedTitle}} </div>
<div id="navbar-menu" class="dropdown ms-auto ls-no-js-hidden">
{% if( aSurveyInfo.aNavigator.load.show == "Y" or
aSurveyInfo.aNavigator.save.show == "Y" or
((aSurveyInfo.bShowClearAll == true or aSurveyInfo.bShowClearAll == null) and
aSurveyInfo.options.showclearall == 'on') or
aSurveyInfo.aQuestionIndex.bShow == true or
aSurveyInfo.alanguageChanger.show == true) %}
<div id="navbar-toggler" class="navbar-toggler" data-bs-toggle="dropdown"
data-bs-auto-close="outside" aria-expanded="false">
<span class="ri-more-fill"></span>
</div>
<ul id="main-dropdown" class="dropdown-menu dropdown-menu-end" aria-labelledby="navbar-toggler">
{{ include('./subviews/navigation/language_changer_top_menu.twig') }}
{% if( aSurveyInfo.aNavigator.load.show == "Y" or
aSurveyInfo.aNavigator.save.show == "Y" or
((aSurveyInfo.bShowClearAll == true or aSurveyInfo.bShowClearAll == null) and
aSurveyInfo.options.showclearall == 'on') or
aSurveyInfo.aQuestionIndex.bShow == true) %}
<li class="dropdown-header text-uppercase">{{ gT("Survey options") }}</li>
{% endif %}
{{ include('./subviews/navigation/save_links.twig') }}
{{ include('./subviews/navigation/question_index_menu.twig') }}
{{ include('./subviews/navigation/clearall_links.twig') }}
</ul>
{% endif %}
</div>
<ul id="back-content" class="d-none"></ul>
</div>
Für die Positionierung habe ich im .css die class "surveytitle" erstellt:
Code:
.surveytitle {
/* Expand div to bounds of its parent vertically */
height: 100%;
/* Ensure flexible width */
flex-grow: 1; /* Let this container take up remaining space */
margin-right: 10px; /* Adjust margin as needed */
/* Center text vertically and horizontally */
display: flex;
justify-content: center;
align-items: center;
/* Change font /
font-family: Arial, sans-serif; /* Change to desired font family */
/* Other styling /
font-size: 24px; /* Adjust font size as needed /
font-weight: bold; /* Adjust font weight as needed /
}
Während ich darüber natürlich auch die Schrift einstellen kann, wäre es schön, wenn ich stattdessen die für den Survey eingestellte font und irgendwelche default Schriftgrößeneinstellungen übernehmen könnte.
Wie mache ich das?
