Тип 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/joomla-4/joomla-dlia-rozrobnykiv/standartni-tipi-poliv-formi

Джерело: https://docs.joomla.org/Meter_form_field_type

Main Menu