Тип meter поля формы Joomla

Тип meter поля формы рисует индикатор выполнения (progress bar). Детальная информация здесь и здесь.

  • name (обязательно) - уникальное имя параметра.
  • type (обязательно) - должен быть meter.
  • label (обязательно) (разрешается переводить) - описательный заголовок поля.
  • description (необязательно) (разрешается переводить) всплывающая подсказка для поля формы.
  • class (необязательно) укажите свои собственные классы для дополнительной разметки.
  • size (необязательно) устанавливает размер поля ввода.
  • default (необязательно) начальное значение индикатора выполнения.
  • min (необязательно) минимальное значение индикатора выполнения.
  • max (необязательно) максимальное значение индикатора выполнения.
  • step (необязательно) шаг, на котором прогресс изменяется на шкале.
  • animated (необязательно) (по умолчанию: true) устанавливает, является ли индикатор выполнения анимированным или нет.
  • active (необязательно) (по умолчанию: false) устанавливает, активна ли анимация индикатора выполнения. Работает с анимацией.

Обратите внимание на то, что без установки минимального и максимального значений, индикатор, вероятнее всего, не будет работать должным образом. Это НЕ тип ввода. Он просто создает индикатор выполнения:

<field name="meter"
               active="true"
               type="meter"
               label="Meter"
               max="1000"
               min="1"
               step="10"
               default="240"
               />

Это создаст следующий HTML-код:

<div class="control-group">
  <div class="control-label">
    <label id="jform_meter-lbl" for="jform_meter" class="">
	Meter
    </label>
    </div>
    <div class="controls">
       <div class="progress  progress-striped active" data-max="1000" data-min="1" data-step="10" data-value="240">		
          <div class="bar" style="width: 23.923923923924%;"></div>
       </div>
    </div>
</div>

Посмотреть все стандартные типы полей формы можно здесь: https://d-nik.site/ru/joomla-4/joomla-dlya-razrabotchikov/standartnye-tipy-polej-formy

Источник: https://docs.joomla.org/Meter_form_field_type

Main Menu