Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

299
Views
Form.io | Hide Help Button

Anyone could help me how to hide the "Help link" for each component as shown below in the Form.io ?

Thanks you in advance!

enter image description here

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

I figure it out...posting here for anyone wants this. You just to use Templates in Form.io and then overwrite the BuilderComponent Template then finally hide the Help ctx using Display : None .

      Formio.Templates.current = {
     builderEditForm: {
          form: `
          <div class="row">
          <div class="col col-sm-6">
            <p class="lead">{{ctx.t(ctx.componentInfo.title, { _userInput: true })}} {{ctx.t('Component')}}</p>
          </div>
          {% if (ctx.helplinks) { %}
          <div class="col col-sm-6">
            <div class="float-right" style="display : none; margin-right: 20px; margin-top: 10px">
              <a href="{{ctx.t(ctx.helplinks + ctx.componentInfo.documentation)}}" target="_blank">
                <i class="{{ctx.iconClass('new-window')}}"></i> {{ctx.t('Help')}}
              </a>
            </div>
          </div>
          {% } %}
        </div>
        <div class="row">
          <div class="col {% if (ctx.preview) { %}col-sm-6{% } else { %}col-sm-12{% } %}">
            <div ref="editForm">
                {{ctx.editForm}}
            </div>
            {% if (!ctx.preview) { %}
            <div style="margin-top: 10px;">
              <button class="btn btn-success" style="margin-right: 10px;" ref="saveButton">{{ctx.t('Save')}}</button>
              <button class="btn btn-secondary" style="margin-right: 10px;" ref="cancelButton">{{ctx.t('Cancel')}}</button>
              <button class="btn btn-danger" ref="removeButton">{{ctx.t('Remove')}}</button>
            </div>
            {% } %}
          </div>
          {% if (ctx.preview) { %}
          <div class="col col-sm-6">
            <div class="card panel preview-panel">
              <div class="card-header">
                <h4 class="card-title mb-0">{{ctx.t('Preview')}}</h4>
              </div>
              <div class="card-body">
                <div class="component-preview" ref="preview">
                  {{ctx.preview}}
                </div>
              </div>
            </div>
            {% if (ctx.componentInfo.help) { %}
            <div class="card card-body bg-light formio-settings-help">
              {{ ctx.t(ctx.componentInfo.help) }}
            </div>
            {% } %}
            <div style="margin-top: 10px;">
              <button class="btn btn-success" style="margin-right: 10px;" ref="saveButton">{{ctx.t('Save')}}</button>
              <button class="btn btn-secondary" style="margin-right: 10px;" ref="cancelButton">{{ctx.t('Cancel')}}</button>
              <button class="btn btn-danger" ref="removeButton">{{ctx.t('Remove')}}</button>
            </div>
          </div>
          {% } %}
        </div> 
          `                   
      }
};    
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!