diff --git a/scripts/langindex.json b/scripts/langindex.json
index 0816e51a6..49cc3dddf 100644
--- a/scripts/langindex.json
+++ b/scripts/langindex.json
@@ -873,6 +873,7 @@
   "addon.mod_quiz.summaryofattempts": "quiz",
   "addon.mod_quiz.timeleft": "quiz",
   "addon.mod_quiz.timetaken": "quiz",
+  "addon.mod_quiz.unit": "quiz",
   "addon.mod_quiz.warningattemptfinished": "local_moodlemobileapp",
   "addon.mod_quiz.warningdatadiscarded": "local_moodlemobileapp",
   "addon.mod_quiz.warningdatadiscardedfromfinished": "local_moodlemobileapp",
diff --git a/src/addons/calendar/pages/edit-event/edit-event.html b/src/addons/calendar/pages/edit-event/edit-event.html
index fdb52f008..d858edae4 100644
--- a/src/addons/calendar/pages/edit-event/edit-event.html
+++ b/src/addons/calendar/pages/edit-event/edit-event.html
@@ -44,6 +44,7 @@
                     *ngIf="eventTypes.length > 1"
                     formControlName="eventtype"
                     interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.calendar.eventkind' | translate}"
                 >
                     <ion-select-option *ngFor="let type of eventTypes" [value]="type.value">
                         {{ type.name | translate }}
@@ -56,8 +57,8 @@
                 <ion-label>
                     <p class="item-heading" [core-mark-required]="true">{{ 'core.category' | translate }}</p>
                 </ion-label>
-                <ion-select formControlName="categoryid" interface="action-sheet"
-                    [placeholder]="'core.noselection' | translate">
+                <ion-select formControlName="categoryid" interface="action-sheet" [placeholder]="'core.noselection' | translate"
+                    [interfaceOptions]="{header: 'core.category' | translate}">
                     <ion-select-option *ngFor="let category of categories" [value]="category.id">
                         {{ category.name }}
                     </ion-select-option>
@@ -69,8 +70,8 @@
                 <ion-label>
                     <p class="item-heading" [core-mark-required]="true">{{ 'core.course' | translate }}</p>
                 </ion-label>
-                <ion-select formControlName="courseid" interface="action-sheet"
-                    [placeholder]="'core.noselection' | translate">
+                <ion-select formControlName="courseid" interface="action-sheet" [placeholder]="'core.noselection' | translate"
+                    [interfaceOptions]="{header: 'core.course' | translate}">
                     <ion-select-option *ngFor="let course of courses" [value]="course.id">{{ course.fullname }}</ion-select-option>
                 </ion-select>
             </ion-item>
@@ -84,7 +85,7 @@
                     </ion-label>
                     <ion-select formControlName="groupcourseid"
                         interface="action-sheet" [placeholder]="'core.noselection' | translate"
-                        (ionChange)="groupCourseSelected()">
+                        (ionChange)="groupCourseSelected()" [interfaceOptions]="{header: 'core.course' | translate}">
                         <ion-select-option *ngFor="let course of courses" [value]="course.id">
                             {{ course.fullname }}
                         </ion-select-option>
@@ -99,8 +100,8 @@
                     <ion-label>
                         <p class="item-heading" [core-mark-required]="true">{{ 'core.group' | translate }}</p>
                     </ion-label>
-                    <ion-select formControlName="groupid" interface="action-sheet"
-                        [placeholder]="'core.noselection' | translate">
+                    <ion-select formControlName="groupid" interface="action-sheet" [placeholder]="'core.noselection' | translate"
+                        [interfaceOptions]="{header: 'core.group' | translate}">
                         <ion-select-option *ngFor="let group of groups" [value]="group.id">{{ group.name }}</ion-select-option>
                     </ion-select>
                 </ion-item>
diff --git a/src/addons/calendar/pages/settings/settings.html b/src/addons/calendar/pages/settings/settings.html
index c408d5f2e..8cc5f6dee 100644
--- a/src/addons/calendar/pages/settings/settings.html
+++ b/src/addons/calendar/pages/settings/settings.html
@@ -10,7 +10,8 @@
     <ion-list>
         <ion-item *ngIf="defaultTime != -1">
             <ion-label>{{ 'addon.calendar.defaultnotificationtime' | translate }}</ion-label>
-            <ion-select [(ngModel)]="defaultTime" (ionChange)="updateDefaultTime(defaultTime)" interface="action-sheet">
+            <ion-select [(ngModel)]="defaultTime" (ionChange)="updateDefaultTime(defaultTime)" interface="action-sheet"
+                [interfaceOptions]="{header: 'addon.calendar.defaultnotificationtime' | translate}">
                 <ion-select-option [value]="0">{{ 'core.settings.disabled' | translate }}</ion-select-option>
                 <ion-select-option [value]="10">{{ 600 | coreDuration }}</ion-select-option>
                 <ion-select-option [value]="30">{{ 1800 | coreDuration }}</ion-select-option>
diff --git a/src/addons/mod/assign/components/index/addon-mod-assign-index.html b/src/addons/mod/assign/components/index/addon-mod-assign-index.html
index d992ec91a..d662546c1 100644
--- a/src/addons/mod/assign/components/index/addon-mod-assign-index.html
+++ b/src/addons/mod/assign/components/index/addon-mod-assign-index.html
@@ -69,7 +69,7 @@
                     <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                 </ion-label>
                 <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-assign-groupslabel"
-                    interface="action-sheet">
+                    interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
index 7f368c34a..433112f61 100644
--- a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
+++ b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
@@ -244,7 +244,8 @@
                     <!-- Grade using a scale. -->
                     <ion-item class="ion-text-wrap" *ngIf="grade.method == 'simple' && grade.scale">
                         <ion-label><h2>{{ 'addon.mod_assign.grade' | translate }}</h2></ion-label>
-                        <ion-select [(ngModel)]="grade.grade" interface="action-sheet" [disabled]="grade.disabled">
+                        <ion-select [(ngModel)]="grade.grade" interface="action-sheet" [disabled]="grade.disabled"
+                            [interfaceOptions]="{header: 'addon.mod_assign.grade' | translate}">
                             <ion-select-option *ngFor="let grade of grade.scale" [value]="grade.value">
                                 {{grade.label}}
                             </ion-select-option>
@@ -255,7 +256,8 @@
                     <ion-item class="ion-text-wrap" *ngFor="let outcome of gradeInfo!.outcomes">
                         <ion-label><h2>{{ outcome.name }}</h2></ion-label>
                         <ion-select *ngIf="canSaveGrades && outcome.itemNumber" [(ngModel)]="outcome.selectedId"
-                            interface="action-sheet" [disabled]="gradeInfo!.disabled">
+                            interface="action-sheet" [disabled]="gradeInfo!.disabled"
+                            [interfaceOptions]="{header: outcome.name }">
                             <ion-select-option *ngFor="let grade of outcome.options" [value]="grade.value">
                                 {{grade.label}}
                             </ion-select-option>
diff --git a/src/addons/mod/assign/pages/submission-list/submission-list.html b/src/addons/mod/assign/pages/submission-list/submission-list.html
index e79b970bb..9f2ef968f 100644
--- a/src/addons/mod/assign/pages/submission-list/submission-list.html
+++ b/src/addons/mod/assign/pages/submission-list/submission-list.html
@@ -31,7 +31,7 @@
                         {{ 'core.groupsvisible' | translate }}
                     </ion-label>
                     <ion-select [(ngModel)]="groupId" (ionChange)="setGroup(groupId)" aria-labelledby="addon-assign-groupslabel"
-                        interface="action-sheet" slot="end">
+                        interface="action-sheet" slot="end" [interfaceOptions]="{header: 'core.group' | translate}">
                         <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                             {{groupOpt.name}}
                         </ion-select-option>
diff --git a/src/addons/mod/chat/pages/sessions/sessions.html b/src/addons/mod/chat/pages/sessions/sessions.html
index c574fd6a8..afd0cac47 100644
--- a/src/addons/mod/chat/pages/sessions/sessions.html
+++ b/src/addons/mod/chat/pages/sessions/sessions.html
@@ -18,7 +18,7 @@
                     <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                 </ion-label>
                 <ion-select [(ngModel)]="groupId" (ionChange)="fetchSessions(true)" aria-labelledby="addon-chat-groupslabel"
-                    interface="action-sheet">
+                    interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/data/components/index/addon-mod-data-index.html b/src/addons/mod/data/components/index/addon-mod-data-index.html
index 6485aa73f..807e08626 100644
--- a/src/addons/mod/data/components/index/addon-mod-data-index.html
+++ b/src/addons/mod/data/components/index/addon-mod-data-index.html
@@ -62,7 +62,7 @@
             <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
         </ion-label>
         <ion-select [(ngModel)]="selectedGroup" (ionChange)="setGroup(selectedGroup)" aria-labelledby="addon-data-groupslabel"
-            interface="action-sheet">
+            interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
             <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                 {{groupOpt.name}}
             </ion-select-option>
diff --git a/src/addons/mod/data/components/search/search.html b/src/addons/mod/data/components/search/search.html
index dbbe340e0..d137cabcc 100644
--- a/src/addons/mod/data/components/search/search.html
+++ b/src/addons/mod/data/components/search/search.html
@@ -27,7 +27,7 @@
             <ion-item class="ion-text-wrap">
                 <ion-label position="stacked">{{ 'core.sortby' | translate }}</ion-label>
                 <ion-select interface="action-sheet" name="sortBy" formControlName="sortBy"
-                    [placeholder]="'core.sortby' | translate">
+                    [placeholder]="'core.sortby' | translate" [interfaceOptions]="{header: 'core.sortby' | translate}">
                     <optgroup *ngIf="fieldsArray.length" label="{{ 'addon.mod_data.fields' | translate }}">
                         <ion-select-option *ngFor="let field of fieldsArray" [value]="field.id">{{field.name}}</ion-select-option>
                     </optgroup>
diff --git a/src/addons/mod/data/pages/edit/edit.html b/src/addons/mod/data/pages/edit/edit.html
index 5d3a38486..05ec1f563 100644
--- a/src/addons/mod/data/pages/edit/edit.html
+++ b/src/addons/mod/data/pages/edit/edit.html
@@ -22,7 +22,7 @@
                 <ng-container *ngIf="groupInfo.visibleGroups">{{ 'core.groupsseparate' | translate }}</ng-container>
             </ion-label>
             <ion-select [(ngModel)]="selectedGroup" (ionChange)="setGroup(selectedGroup)" aria-labelledby="addon-data-groupslabel"
-                interface="action-sheet">
+                interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                 <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                     {{groupOpt.name}}
                 </ion-select-option>
diff --git a/src/addons/mod/data/pages/entry/entry.html b/src/addons/mod/data/pages/entry/entry.html
index 9229f6c15..539db3691 100644
--- a/src/addons/mod/data/pages/entry/entry.html
+++ b/src/addons/mod/data/pages/entry/entry.html
@@ -30,7 +30,7 @@
                 <ng-container *ngIf="groupInfo.visibleGroups">{{ 'core.groupsseparate' | translate }}</ng-container>
             </ion-label>
             <ion-select [(ngModel)]="selectedGroup" (ionChange)="setGroup(selectedGroup)" aria-labelledby="addon-data-groupslabel"
-                interface="action-sheet">
+                interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                 <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                     {{groupOpt.name}}
                 </ion-select-option>
diff --git a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
index 74641e68c..e159aa314 100644
--- a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
+++ b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
@@ -67,7 +67,7 @@
                 <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
             </ion-label>
             <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-feedback-groupslabel"
-                interface="action-sheet">
+                interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                 <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                     {{groupOpt.name}}
                 </ion-select-option>
diff --git a/src/addons/mod/feedback/pages/form/form.html b/src/addons/mod/feedback/pages/form/form.html
index 209a184bf..c470f8ac2 100644
--- a/src/addons/mod/feedback/pages/form/form.html
+++ b/src/addons/mod/feedback/pages/form/form.html
@@ -61,7 +61,8 @@
                             </ion-textarea>
 
                             <ion-select *ngIf="item.templateName == 'multichoice-d'" [required]="item.required"
-                                name="{{item.typ}}_{{item.id}}" [(ngModel)]="item.value" interface="action-sheet">
+                                name="{{item.typ}}_{{item.id}}" [(ngModel)]="item.value" interface="action-sheet"
+                                [interfaceOptions]="{header: item.name}">
                                 <ion-select-option *ngFor="let option of item.choices" [value]="option.value">
                                     <core-format-text [component]="component" [componentId]="cmId" [text]="option.label"
                                         contextLevel="module" [contextInstanceId]="cmId" [wsNotFiltered]="true"
diff --git a/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html b/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html
index 295618b17..9dd84ed46 100644
--- a/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html
+++ b/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html
@@ -18,7 +18,8 @@
                     <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                 </ion-label>
                 <ion-select [(ngModel)]="selectedGroup" (ionChange)="loadAttempts(selectedGroup)"
-                    aria-labelledby="addon-feedback-groupslabel" interface="action-sheet">
+                    aria-labelledby="addon-feedback-groupslabel" interface="action-sheet"
+                    [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/feedback/pages/respondents/respondents.html b/src/addons/mod/feedback/pages/respondents/respondents.html
index 6b5b7319e..54bd44f9b 100644
--- a/src/addons/mod/feedback/pages/respondents/respondents.html
+++ b/src/addons/mod/feedback/pages/respondents/respondents.html
@@ -19,7 +19,8 @@
                         <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                     </ion-label>
                     <ion-select [(ngModel)]="selectedGroup" (ionChange)="loadAttempts(selectedGroup)"
-                        aria-labelledby="addon-feedback-groupslabel" interface="action-sheet">
+                        aria-labelledby="addon-feedback-groupslabel" interface="action-sheet"
+                        [interfaceOptions]="{header: 'core.group' | translate}">
                         <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                             {{groupOpt.name}}
                         </ion-select-option>
diff --git a/src/addons/mod/forum/pages/new-discussion/new-discussion.html b/src/addons/mod/forum/pages/new-discussion/new-discussion.html
index 8c8c696ac..7120b5455 100644
--- a/src/addons/mod/forum/pages/new-discussion/new-discussion.html
+++ b/src/addons/mod/forum/pages/new-discussion/new-discussion.html
@@ -53,7 +53,8 @@
                 <ion-item *ngIf="showGroups">
                     <ion-label id="addon-mod-forum-groupslabel">{{ 'addon.mod_forum.group' | translate }}</ion-label>
                     <ion-select [(ngModel)]="newDiscussion.groupId" [disabled]="newDiscussion.postToAllGroups"
-                        aria-labelledby="addon-mod-forum-groupslabel" interface="action-sheet" name="groupid">
+                        aria-labelledby="addon-mod-forum-groupslabel" interface="action-sheet" name="groupid"
+                        [interfaceOptions]="{header: 'addon.mod_forum.group' | translate}">
                         <ion-select-option *ngFor="let group of groups" [value]="group.id">{{ group.name }}</ion-select-option>
                     </ion-select>
                 </ion-item>
diff --git a/src/addons/mod/glossary/pages/edit/edit.html b/src/addons/mod/glossary/pages/edit/edit.html
index 765701f60..1c7d899ff 100644
--- a/src/addons/mod/glossary/pages/edit/edit.html
+++ b/src/addons/mod/glossary/pages/edit/edit.html
@@ -31,7 +31,8 @@
                     {{ 'addon.mod_glossary.categories' | translate }}
                 </ion-label>
                 <ion-select [(ngModel)]="options.categories" multiple="true" aria-labelledby="addon-mod-glossary-categories-label"
-                    interface="action-sheet" [placeholder]="'addon.mod_glossary.categories' | translate" name="categories">
+                    interface="action-sheet" [placeholder]="'addon.mod_glossary.categories' | translate" name="categories"
+                    [interfaceOptions]="{header: 'addon.mod_glossary.categories' | translate}">
                     <ion-select-option *ngFor="let category of categories" [value]="category.id">
                         {{ category.name }}
                     </ion-select-option>
diff --git a/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html b/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
index 9643f3d90..52ea9eed8 100644
--- a/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
+++ b/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
@@ -166,7 +166,7 @@
                             <span *ngIf="groupInfo.visibleGroups">{{ 'core.groupsvisible' | translate }}</span>
                         </ion-label>
                         <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-mod_lesson-groupslabel"
-                            interface="action-sheet">
+                            interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                             <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                                 {{groupOpt.name}}
                             </ion-select-option>
diff --git a/src/addons/mod/lesson/pages/user-retake/user-retake.html b/src/addons/mod/lesson/pages/user-retake/user-retake.html
index 0145af03c..a9f17d998 100644
--- a/src/addons/mod/lesson/pages/user-retake/user-retake.html
+++ b/src/addons/mod/lesson/pages/user-retake/user-retake.html
@@ -27,7 +27,8 @@
             <ion-item class="ion-text-wrap" *ngIf="student.attempts && student.attempts.length > 1">
                 <ion-label id="addon-mod_lesson-retakeslabel">{{ 'addon.mod_lesson.attemptheader' | translate }}</ion-label>
                 <ion-select [(ngModel)]="selectedRetake" (ionChange)="changeRetake(selectedRetake!)"
-                    aria-labelledby="addon-mod_lesson-retakeslabel" interface="action-sheet">
+                    aria-labelledby="addon-mod_lesson-retakeslabel" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_lesson.attemptheader' | translate}">
                     <ion-select-option *ngFor="let retake of student.attempts" [value]="retake.try">
                         {{retake.label}}
                     </ion-select-option>
diff --git a/src/addons/mod/quiz/lang.json b/src/addons/mod/quiz/lang.json
index 080059c18..ae212f6f7 100644
--- a/src/addons/mod/quiz/lang.json
+++ b/src/addons/mod/quiz/lang.json
@@ -75,9 +75,10 @@
     "summaryofattempts": "Summary of your previous attempts",
     "timeleft": "Time left",
     "timetaken": "Time taken",
+    "unit": "Unit",
     "warningattemptfinished": "Offline attempt discarded as it was finished on the site or not found.",
     "warningdatadiscarded": "Some offline answers were discarded because the questions were modified online.",
     "warningdatadiscardedfromfinished": "Attempt unfinished because some offline answers were discarded. Please review your answers then resubmit the attempt.",
     "warningquestionsnotsupported": "This quiz contains questions not supported by the app:",
     "yourfinalgradeis": "Your final grade for this quiz is {{$a}}."
-}
\ No newline at end of file
+}
diff --git a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
index 88c5cc1d0..fe53cf595 100644
--- a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
+++ b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
@@ -135,7 +135,7 @@
                 <ion-item class="ion-text-wrap" *ngIf="organizations.length > 1">
                     <ion-label>{{ 'addon.mod_scorm.organizations' | translate }}</ion-label>
                     <ion-select [(ngModel)]="currentOrganization.identifier" (ionChange)="loadOrganization()"
-                        interface="action-sheet">
+                        interface="action-sheet" [interfaceOptions]="{header: 'addon.mod_scorm.organizations' | translate}">
                         <ion-select-option *ngFor="let org of organizations" [value]="org.identifier">
                             {{ org.title }}
                         </ion-select-option>
diff --git a/src/addons/mod/survey/components/index/addon-mod-survey-index.html b/src/addons/mod/survey/components/index/addon-mod-survey-index.html
index 4278d0b91..e17441410 100644
--- a/src/addons/mod/survey/components/index/addon-mod-survey-index.html
+++ b/src/addons/mod/survey/components/index/addon-mod-survey-index.html
@@ -102,7 +102,7 @@
                             <ion-col class="ion-hide-md-up" size="5">
                                 <ion-select class="ion-padding" [(ngModel)]="answers[question.name]" [required]="question.required"
                                     [attr.aria-labelledby]="'addon-mod_survey-'+question.id" interface="action-sheet"
-                                    [name]="question.name">
+                                    [name]="question.name" [interfaceOptions]="{header: question.text}">
                                     <ion-select-option value="-1" selected disabled>{{ 'core.choose' | translate }}</ion-select-option>
                                     <ion-select-option *ngFor="let option of question.optionsArray; let value=index;"
                                         [value]="value +1">
@@ -127,7 +127,7 @@
                         <ion-col size="5">
                             <ion-select class="ion-padding" [(ngModel)]="answers[question.name]" [required]="question.required"
                                 [attr.aria-labelledby]="'addon-mod_survey-'+question.id" interface="action-sheet"
-                                [name]="question.name">
+                                [name]="question.name" [interfaceOptions]="{header: question.text}">
                                 <ion-select-option *ngFor="let option of question.optionsArray; let value=index;" [value]="value">
                                     {{option}}
                                 </ion-select-option>
diff --git a/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html b/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html
index 33cc08a48..a65648ab1 100644
--- a/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html
+++ b/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html
@@ -14,7 +14,9 @@
                 {{ 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' | translate : {'$a': field.dimtitle } }}
                 </span>
             </ion-label>
-            <ion-select [(ngModel)]="selectedValues[n].grade" interface="action-sheet">
+            <ion-select [(ngModel)]="selectedValues[n].grade" interface="action-sheet"
+                [interfaceOptions]="{header: 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' |
+                    translate : {'$a': field.dimtitle }}">
                 <ion-select-option *ngFor="let grade of field.grades" [value]="grade.value">{{grade.label}}</ion-select-option>
             </ion-select>
             <core-input-errors *ngIf="fieldErrors['grade_' + n]" [errorText]="fieldErrors['grade_' + n]">
diff --git a/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html b/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html
index d4da19737..df65c40e7 100644
--- a/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html
+++ b/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html
@@ -45,7 +45,8 @@
                         {{ 'addon.mod_workshop.assessmentweight' | translate }}
                     </span>
                 </ion-label>
-                <ion-select [(ngModel)]="weight" interface="action-sheet" name="weight">
+                <ion-select [(ngModel)]="weight" interface="action-sheet" name="weight"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.assessmentweight' | translate}">
                     <ion-select-option *ngFor="let w of weights" [value]="w">{{w}}</ion-select-option>
                 </ion-select>
             </ion-item>
diff --git a/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html b/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
index 48c7856db..169ed21b4 100644
--- a/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
+++ b/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
@@ -223,7 +223,7 @@
                     {{ 'core.groupsvisible' | translate }}
                 </ion-label>
                 <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-workshop-groupslabel"
-                    interface="action-sheet">
+                    interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html b/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html
index 0e23e8821..82de0e97e 100644
--- a/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html
+++ b/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html
@@ -92,10 +92,12 @@
                 {{ 'addon.mod_workshop.gradinggradeof' | translate:{$a: workshop.gradinggrade } }}: {{submission.gradinggrade}}
             </p>
 
-            <ion-badge *ngIf="assessment && (showGrade(assessment.grade) || assessment.offline)" color="success">
+            <ion-badge *ngIf="assessment && (showGrade(assessment.grade) || assessment.offline)" color="success"
+                class="ion-text-wrap">
                 {{ 'addon.mod_workshop.assessedsubmission' | translate }}
             </ion-badge>
-            <ion-badge *ngIf="assessment && !showGrade(assessment.grade) && !assessment.offline" color="danger">
+            <ion-badge *ngIf="assessment && !showGrade(assessment.grade) && !assessment.offline" color="danger"
+                class="ion-text-wrap">
                 {{ 'addon.mod_workshop.notassessed' | translate }}
             </ion-badge>
 
diff --git a/src/addons/mod/workshop/pages/assessment/assessment.html b/src/addons/mod/workshop/pages/assessment/assessment.html
index c4862bb4a..ae932276e 100644
--- a/src/addons/mod/workshop/pages/assessment/assessment.html
+++ b/src/addons/mod/workshop/pages/assessment/assessment.html
@@ -63,19 +63,21 @@
                         {{ 'addon.mod_workshop.assessmentweight' | translate }}
                     </span>
                 </ion-label>
-                <ion-select formControlName="weight" required="true" interface="action-sheet">
+                <ion-select formControlName="weight" required="true" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.assessmentweight' | translate}">
                     <ion-select-option *ngFor="let w of weights" [value]="w">{{ w }}</ion-select-option>
                 </ion-select>
             </ion-item>
             <ion-item class="ion-text-wrap">
                 <ion-label>
                     <h2>{{ 'addon.mod_workshop.gradinggradecalculated' | translate }}</h2>
-                    <p>{{ assessment.gradinggrade }}</p>
+                    <p>{{ gradingGrade }}</p>
                 </ion-label>
             </ion-item>
             <ion-item class="ion-text-wrap" *ngIf="access?.canoverridegrades">
                 <ion-label position="stacked">{{ 'addon.mod_workshop.gradinggradeover' | translate }}</ion-label>
-                <ion-select formControlName="grade" interface="action-sheet">
+                <ion-select formControlName="grade" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.gradinggradeover' | translate}">
                     <ion-select-option *ngFor="let grade of evaluationGrades" [value]="grade.value">
                         {{grade.label}}
                     </ion-select-option>
diff --git a/src/addons/mod/workshop/pages/assessment/assessment.ts b/src/addons/mod/workshop/pages/assessment/assessment.ts
index 2085832e1..ea8b2ec52 100644
--- a/src/addons/mod/workshop/pages/assessment/assessment.ts
+++ b/src/addons/mod/workshop/pages/assessment/assessment.ts
@@ -73,7 +73,8 @@ export class AddonModWorkshopAssessmentPage implements OnInit, OnDestroy, CanLea
 
     weights: number[] = [];
     evaluateByProfile?: CoreUserProfile;
-    evaluationGrades: CoreGradesMenuItem[] =[];
+    evaluationGrades: CoreGradesMenuItem[] = [];
+    gradingGrade?: string | number;
 
     protected workshopId!: number;
     protected originalEvaluation: AddonModWorkshopAssessmentEvaluation = {
@@ -193,6 +194,7 @@ export class AddonModWorkshopAssessmentPage implements OnInit, OnDestroy, CanLea
             this.assessment = AddonModWorkshopHelper.realGradeValue(this.workshop, assessment);
             this.evaluate.text = this.assessment.feedbackreviewer || '';
             this.evaluate.weight = this.assessment.weight;
+            this.gradingGrade = this.assessment.gradinggrade ?? '-';
 
             if (this.evaluating) {
                 if (this.access.canallocate) {
diff --git a/src/addons/mod/workshop/pages/submission/submission.html b/src/addons/mod/workshop/pages/submission/submission.html
index 96c64cf83..b342f27b3 100644
--- a/src/addons/mod/workshop/pages/submission/submission.html
+++ b/src/addons/mod/workshop/pages/submission/submission.html
@@ -117,7 +117,8 @@
             </ion-item>
             <ion-item class="ion-text-wrap">
                 <ion-label position="stacked">{{ 'addon.mod_workshop.gradeover' | translate }}</ion-label>
-                <ion-select formControlName="grade" interface="action-sheet">
+                <ion-select formControlName="grade" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.gradeover' | translate}">
                     <ion-select-option *ngFor="let grade of evaluationGrades" [value]="grade.value">
                         {{grade.label}}
                     </ion-select-option>
diff --git a/src/addons/qtype/calculated/component/addon-qtype-calculated.html b/src/addons/qtype/calculated/component/addon-qtype-calculated.html
index 1b2d55d30..40d2d9f42 100644
--- a/src/addons/qtype/calculated/component/addon-qtype-calculated.html
+++ b/src/addons/qtype/calculated/component/addon-qtype-calculated.html
@@ -50,7 +50,7 @@
     </label>
     <ion-select id="{{calcQuestion!.select!.id}}" [name]="calcQuestion!.select!.name"
         [(ngModel)]="calcQuestion!.select!.selected" interface="action-sheet" [disabled]="calcQuestion!.select!.disabled"
-        [slot]="calcQuestion?.selectFirst ? 'start' : 'end'">
+        [slot]="calcQuestion?.selectFirst ? 'start' : 'end'" [interfaceOptions]="{header: 'addon.mod_quiz.unit' | translate}">
         <ion-select-option *ngFor="let option of calcQuestion!.select!.options" [value]="option.value">
             {{option.label}}
         </ion-select-option>
diff --git a/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html b/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html
index 74524fc97..8b5a78c24 100644
--- a/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html
+++ b/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html
@@ -13,7 +13,8 @@
     <ion-label position="stacked">
         <span [core-mark-required]="required">{{ field.name }}</span>
     </ion-label>
-    <ion-select [formControlName]="modelName" [placeholder]="'core.choosedots' | translate" interface="action-sheet">
+    <ion-select [formControlName]="modelName" [placeholder]="'core.choosedots' | translate" interface="action-sheet"
+        [interfaceOptions]="{header: field.name}">
         <ion-select-option value="">{{ 'core.choosedots' | translate }}</ion-select-option>
         <ion-select-option *ngFor="let option of options" [value]="option">{{option}}</ion-select-option>
     </ion-select>
diff --git a/src/core/components/site-picker/core-site-picker.html b/src/core/components/site-picker/core-site-picker.html
index ff07a6a1e..5e66a7a32 100644
--- a/src/core/components/site-picker/core-site-picker.html
+++ b/src/core/components/site-picker/core-site-picker.html
@@ -1,6 +1,7 @@
 <ion-item *ngIf="sites && sites.length">
     <ion-label>{{ 'core.site' | translate }}</ion-label>
-    <ion-select [(ngModel)]="selectedSite" (ngModelChange)="siteSelected.emit(selectedSite)" interface="action-sheet">
+    <ion-select [(ngModel)]="selectedSite" (ngModelChange)="siteSelected.emit(selectedSite)" interface="action-sheet"
+        [interfaceOptions]="{header: 'core.site' | translate}">
         <ion-select-option *ngFor="let site of sites" [value]="site.id">{{ site.fullNameAndSiteName }}</ion-select-option>
     </ion-select>
 </ion-item>
diff --git a/src/core/features/mainmenu/pages/home/home.html b/src/core/features/mainmenu/pages/home/home.html
index aa46be819..903bcb8ff 100644
--- a/src/core/features/mainmenu/pages/home/home.html
+++ b/src/core/features/mainmenu/pages/home/home.html
@@ -12,9 +12,7 @@
     </ion-toolbar>
 </ion-header>
 <core-loading [hideUntil]="loaded">
-    <ng-container *ngIf="tabs.length == 0">
-        <core-empty-box icon="fas-home" [message]="'core.courses.nocourses' | translate"></core-empty-box>
-    </ng-container>
+    <core-empty-box *ngIf="tabs.length == 0" icon="fas-home" [message]="'core.courses.nocourses' | translate"></core-empty-box>
 </core-loading>
 <core-tabs-outlet *ngIf="tabs.length > 0" [selectedIndex]="selectedTab" [hideUntil]="loaded" [tabs]="tabs"
     (ionChange)="tabSelected()">
diff --git a/src/core/features/mainmenu/pages/home/home.ts b/src/core/features/mainmenu/pages/home/home.ts
index 201215b47..c7dfce575 100644
--- a/src/core/features/mainmenu/pages/home/home.ts
+++ b/src/core/features/mainmenu/pages/home/home.ts
@@ -86,6 +86,7 @@ export class CoreMainMenuHomePage implements OnInit {
      */
     initHandlers(handlers: CoreMainMenuHomeHandlerToDisplay[]): void {
         // Re-build the list of tabs.
+        const loaded = CoreMainMenuHomeDelegate.areHandlersLoaded();
         const handlersMap = CoreUtils.arrayToObject(handlers, 'title');
         const newTabs = handlers.map((handler): CoreTabsOutletTab => {
             const tab = this.tabs.find(tab => tab.title == handler.title);
@@ -125,7 +126,10 @@ export class CoreMainMenuHomePage implements OnInit {
 
         this.tabs = newTabs;
 
-        this.loaded = CoreMainMenuHomeDelegate.areHandlersLoaded();
+        // Try to prevent empty box displayed for an instant when it shouldn't.
+        setTimeout(() => {
+            this.loaded = loaded;
+        }, 50);
     }
 
     /**
diff --git a/src/core/features/rating/components/rate/core-rating-rate.html b/src/core/features/rating/components/rate/core-rating-rate.html
index c347d12a3..fdcb93e50 100644
--- a/src/core/features/rating/components/rate/core-rating-rate.html
+++ b/src/core/features/rating/components/rate/core-rating-rate.html
@@ -1,7 +1,7 @@
 <ion-item class="ion-text-wrap" *ngIf="item && (item!.canrate || item!.rating != null) && !disabled">
     <ion-label>{{ 'core.rating.rating' | translate }}</ion-label>
     <ion-select class="ion-text-start" [(ngModel)]="rating" (ngModelChange)="userRatingChanged()" interface="action-sheet"
-        [disabled]="!item!.canrate">
+        [disabled]="!item!.canrate" [interfaceOptions]="{header: 'core.rating.rating' | translate}">
         <ion-select-option *ngFor="let scaleItem of scale!.items" [value]="scaleItem.value">{{ scaleItem.name }}</ion-select-option>
     </ion-select>
 </ion-item>
diff --git a/src/core/services/screen.ts b/src/core/services/screen.ts
index 592b98ec2..b53dcbcb7 100644
--- a/src/core/services/screen.ts
+++ b/src/core/services/screen.ts
@@ -131,7 +131,7 @@ export class CoreScreenService {
      * @return Active layout.
      */
     protected calculateLayout(breakpoints: Record<Breakpoint, boolean>): CoreScreenLayout {
-        if (breakpoints[Breakpoint.LARGE]) {
+        if (breakpoints[Breakpoint.MEDIUM]) {
             return CoreScreenLayout.TABLET;
         }