# bit-form/3.2.2/includes/Frontend/Form/View/FormViewHelper.php

Bit Form – Contact Form, Payment Forms, Multi Step Forms, Calculator &amp; Custom Form Builder, version 3.2.2. 275 lines.

- Page: https://pluginprobe.com/plugins/bit-form/3.2.2/code/includes/Frontend/Form/View/FormViewHelper.php
- Raw: https://pluginprobe.com/plugins/bit-form/3.2.2/raw/includes/Frontend/Form/View/FormViewHelper.php
- Modified: 2026-07-21T12:01:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/bit-form/3.2.2/code/includes/Frontend/Form/View/FormViewHelper.php#L10-L20`.

```php
<?php

namespace BitCode\BitForm\Frontend\Form\View;

use BitCode\BitForm\Frontend\Form\FrontendFormManager;

class FormViewHelper
{
  private $_formContents;
  private $_formInfo;
  private $_layout;
  private $_form;
  private $_fieldHelpers;

  public function __construct(FrontendFormManager $form, $form_contents)
  {
    $this->_form = $form;
    $this->_formContents = $form_contents;
    $this->_formInfo = isset($form_contents->formInfo) ? $form_contents->formInfo : '';
    $this->_layout = isset($form_contents->layout) ? $form_contents->layout : '';
  }

  private function getFormInfoProperty($propertyName)
  {
    return isset($this->_formInfo->{$propertyName}) ? $this->_formInfo->{$propertyName} : null;
  }

  private function getFormId()
  {
    return $this->_form->getFormID();
  }

  public function filterHtml($str)
  {
    return wp_kses_post(str_replace('$_bf_$', '\\', $str));
  }

  private function getIconMarkup($source, $classElement)
  {
    if (empty($source)) {
      return '';
    }
    return sprintf(
      '<img
          class="%1$s _frm-b-stp-icn"
          src="%2$s"
          alt=""
          aria-hidden="true"
       />
      ',
      $this->_form->getAtomicCls($classElement),
      $source
    );
  }

  private function getHeaderLabelMarkup($lbl, $preIcn, $sufIcn, $uniqClass)
  {
    $formID = $this->getFormId();
    return sprintf(
      '<span class="%1$s _frm-b-stp-hdr-%2$s">
              %3$s
              %4$s
              %5$s
      </span>',
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr-{$uniqClass}"),
      $uniqClass,
      $this->getIconMarkup($preIcn, "_frm-b{$formID}-stp-{$uniqClass}-pre-i"),
      $this->filterHtml($lbl),
      $this->getIconMarkup($sufIcn, "_frm-b{$formID}-stp-{$uniqClass}-suf-i")
    );
  }

  private function getStepButton($btnSettings)
  {
    $key = $btnSettings->key;
    $txt = $btnSettings->txt;
    $btnTyp = $btnSettings->typ;
    $formID = $this->getFormId();
    $preIcn = isset($btnSettings->preIcn) ? $btnSettings->preIcn : null;
    $sufIcn = isset($btnSettings->sufIcn) ? $btnSettings->sufIcn : null;
    $preIcnMrkp = $this->getIconMarkup($preIcn, "_frm-b{$formID}-{$key}-pre-i");
    $sufIcnMrkp = $this->getIconMarkup($sufIcn, "_frm-b{$formID}-{$key}-suf-i");
    $btnSpinner = '<span class="bf-spinner d-none"></span>';
    return sprintf(
      '<button
          class="%1$s %2$s"
          name="%2$s"
          type="%3$s"
        >
          %4$s
          %5$s
          %6$s
          %7$s
        </button>',
      $this->_form->getAtomicCls("_frm-b{$formID}-{$key}"),
      $key,
      $btnTyp,
      $preIcnMrkp,
      $this->filterHtml($txt),
      $sufIcnMrkp,
      $btnSpinner
    );
  }

  public function getStepHeaderHtml()
  {
    $multiStepSettings = $this->getFormInfoProperty('multiStepSettings');

    if (isset($multiStepSettings->showStepHeader) && !$multiStepSettings->showStepHeader) {
      return '';
    }

    $formID = $this->_form->getFormID();
    $layout = $this->_layout;
    $totalSteps = is_array($layout) ? count($layout) : 1;
    $stepHeaderHtml = sprintf(
      '<div class="%1$s _frm-b-stp-hdr-cntnr">
        <div 
          class="%2$s _frm-b-stp-hdr-wrpr"
          role="tablist"
          aria-label="Form steps navigation"
        >',
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr-cntnr"),
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr-wrpr")
    );

    $showHeadarIcon = isset($multiStepSettings->headerIcon->show) ? $multiStepSettings->headerIcon->show : false;
    $showLbl = isset($multiStepSettings->showLbl) ? $multiStepSettings->showLbl : false;
    $showSubtitle = isset($multiStepSettings->showSubtitle) ? $multiStepSettings->showSubtitle : false;

    $iconType = isset($multiStepSettings->headerIcon->iconType) ? $multiStepSettings->headerIcon->iconType : 'number';

    $stepValidation = isset($multiStepSettings->validateOnStepChange) ? $multiStepSettings->validateOnStepChange : false;
    foreach ($layout as $key => $lay) {
      $step = $key + 1;
      $settings = isset($lay->settings) ? $lay->settings : null;

      if (empty($settings)) {
        continue;
      }
      $iconWrapper = '';
      $stepIcon = '';

      if ('icon' === $iconType) {
        $stepIcon = "<img src='{$settings->icon}' class={$this->_form->getAtomicCls("_frm-b{$formID}-stp-icn")} alt='Step Icon' />";
      } else {
        $stepIcon = "<span class='{$this->_form->getAtomicCls("_frm-b{$formID}-stp-num")}'>{$step}</span>";
      }
      if ($showHeadarIcon) {
        $iconWrapper = sprintf(
          '<div class="%1$s _frm-b-stp-hdr-icn-wrp">
          <div class="%2$s _frm-b-stp-icn-cntn">
            %3$s
          </div>
        </div>',
          $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr-icn-wrp"),
          $this->_form->getAtomicCls("_frm-b{$formID}-stp-icn-cntn"),
          $stepIcon
        );
      }
      $showStepLbl = $showLbl && isset($settings->showLbl) ? $settings->showLbl : false;
      $showStepSubtitle = $showSubtitle && isset($settings->showSubtitle) ? $settings->showSubtitle : false;
      $lblPreIcn = isset($settings->lblPreIcn) ? $settings->lblPreIcn : null;
      $lblSufIcn = isset($settings->lblSufIcn) ? $settings->lblSufIcn : null;
      $subTlePreIcn = isset($settings->subTlePreIcn) ? $settings->subTlePreIcn : null;
      $subTleSufIcn = isset($settings->subTleSufIcn) ? $settings->subTleSufIcn : null;
      $stepLabelMarkup = $showStepLbl ? $this->getHeaderLabelMarkup($settings->lbl, $lblPreIcn, $lblSufIcn, 'lbl') : '';
      $stepSubtitleMarkup = $showStepSubtitle ? $this->getHeaderLabelMarkup($settings->subtitle, $subTlePreIcn, $subTleSufIcn, 'sub-titl') : '';

      $activeClass = 0 === $key ? 'active' : '';
      $disableClass = (0 !== $key && $stepValidation) ? 'disabled' : '';
      $ariaSelected = 0 === $key ? 'true' : 'false';
      $ariaDisabled = (0 !== $key && $stepValidation) ? 'aria-disabled="true"' : '';
      $tabIndex = 0 === $key ? '0' : '-1';
      $stepHeaderHtml .= sprintf(
        '
      <div 
        class="%1$s _frm-b-stp-hdr %2$s %3$s" 
        data-step="%4$s"
        role="tab"
        aria-selected="%5$s"
        aria-controls="step-%6$s-%4$s-panel"
        id="step-%6$s-%4$s-tab"
        tabindex="%7$s"
        %8$s
      >
        <div class="%9$s _frm-b-stp-hdr-cntnt">
          %10$s
          <span class="%11$s _frm-b-stp-hdr-titl-wrpr">
            %12$s
            %13$s
          </span>
        </div>
      </div>',
        $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr"), // 1
        $activeClass, // 2
        $disableClass, // 3
        $step, // 4
        $ariaSelected, // 5
        $formID, // 6
        $tabIndex, // 7
        $ariaDisabled, // 8
        $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr-cntnt"), // 9
        $iconWrapper, // 10
        $this->_form->getAtomicCls("_frm-b{$formID}-stp-hdr-titl-wrpr"), // 11
        $stepLabelMarkup, // 12
        $stepSubtitleMarkup // 13
      );
    }
    $stepHeaderHtml .= '
      </div>
    </div>';
    return $stepHeaderHtml;
  }

  public function getProgressBarMarkup()
  {
    $multiStepSettings = $this->getFormInfoProperty('multiStepSettings');
    $progressBarSettings = isset($multiStepSettings->progressSettings) ? $multiStepSettings->progressSettings : null;
    if (isset($progressBarSettings->show) && !$progressBarSettings->show) {
      return '';
    }
    $precentage = (isset($progressBarSettings->showPercentage) && $progressBarSettings->showPercentage) ? '0%' : '';
    $formID = $this->getFormId();
    $totalSteps = is_array($this->_layout) ? count($this->_layout) : 1;
    return sprintf(
      '
    <div class="%1$s _frm-b-stp-progress-wrpr">
      <div class="%2$s _frm-b-stp-progress">
        <div 
          class="%3$s _frm-b-stp-progress-bar"
          role="progressbar"
          aria-valuenow="0"
          aria-valuemin="0"
          aria-valuemax="100"
          aria-label="Form completion progress: Step 1 of %4$s"
        >
          <div class="%5$s _frm-b-stp-progress-fill" style="width: 0%%;">
            %6$s
          </div>
        </div>
      </div>
    </div>',
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-progress-wrpr"),
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-progress"),
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-progress-bar"),
      $totalSteps,
      $this->_form->getAtomicCls("_frm-b{$formID}-progress-fill"),
      $precentage
    );
  }

  public function getStepButtonMarkup()
  {
    $multiStepSettings = $this->getFormInfoProperty('multiStepSettings');
    $btnSettings = isset($multiStepSettings->btnSettings) ? $multiStepSettings->btnSettings : null;
    if (is_null($btnSettings) || (empty($btnSettings->show))) {
      return '';
    }
    $formID = $this->getFormId();
    return sprintf(
      '<div class="%1$s">
              <div class="%2$s">
                %3$s
                %4$s
              </div>
      </div>',
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-btn-wrpr"),
      $this->_form->getAtomicCls("_frm-b{$formID}-stp-btn-cntnt"),
      $this->getStepButton($btnSettings->prevBtn),
      $this->getStepButton($btnSettings->nextBtn)
    );
  }
}

```
