Add disable option for progress bar and help text

Author: EkaterinaVu

examples/questionnaire/Example.vue

@@ -120,9 +120,9 @@
             id: 'multiple_choice',
             tagline: "FYI, You can always go back 👈, use the up arrow on the bottom.",
             title: 'Multiple choice question:',
+            helpTextShow: false,
             type: QuestionType.MultipleChoice,
             multiple: false,
-            helpText: ' ',
             allowOther: true,
             required: true,
             options: [

src/components/FlowForm.vue

@@ -53,7 +53,7 @@
 
     <div class="f-footer">
       <div class="footer-inner-wrap">
-        <div class="f-progress" v-bind:class="{'not-started': percentCompleted === 0, 'completed': percentCompleted === 100}">
+        <div v-if="progressbar" class="f-progress" v-bind:class="{'not-started': percentCompleted === 0, 'completed': percentCompleted === 100}">
           <div class="f-progress-bar">
             <div class="f-progress-bar-inner" v-bind:style="'width: ' + percentCompleted + '%;'"></div>
           </div>
@@ -136,6 +136,10 @@
       language: {
         type: LanguageModel,
         default: () => new LanguageModel()
+      },
+      progressbar: {
+        type: Boolean, 
+        default: true
       }
     },
     data() {

src/components/Question.vue

@@ -28,7 +28,7 @@
             </span>
           </template>
 
-          <span class="f-sub" v-if="question.subtitle || question.type === QuestionType.LongText || question.type === QuestionType.MultipleChoice">
+          <span class="f-sub" v-if="question.subtitle || question.helpTextShow && (question.type === QuestionType.LongText || question.type === QuestionType.MultipleChoice)">
             <span v-if="question.subtitle">{{ question.subtitle }}</span>
 
             <span class="f-help" v-if="question.type === QuestionType.LongText && !isMobile" v-html="question.helpText || language.formatString(language.longTextHelpText)"></span>

src/models/QuestionModel.js

@@ -72,6 +72,7 @@ export default class QuestionModel {
     this.content = null
     this.inline = false
     this.helpText = null
+    this.helpTextShow = true;
 
     Object.assign(this, options)