conditionnel – devfrontend.info

Nous avons ici deux champs mais l’affichage du second, masqué au chargement du formulaire, est conditionné à l’activation du premier qui est un booléen (true/false -> si « true », alors le second champ est affiché).

<parameter name="show_hidden_field" xsi:type="select" visible="true"
           source_model="Magento\Config\Model\Config\Source\Yesno">
    <label translate="true">Show hidden field</label>
</parameter>
<parameter name="hidden_field" xsi:type="text" required="true" visible="true">
    <label translate="true">Hidden field</label>
    <depends>
        <parameter name="show_hidden_field" value="1" />
    </depends>
    <value>5</value>
</parameter>

<parameter name="show_hidden_field" xsi:type="select" visible="true"

source_model="Magento\Config\Model\Config\Source\Yesno">

<label translate="true">Show hidden field</label>

</parameter>

<label translate="true">Hidden field</label>

</depends>

</parameter>

Cas où l’affichage du champ caché dépend de l’activation de plusieurs autres champs

Pas encore testé, mais vu sur le net et notifié comme fonctionnel (bug fixé dans la 2.3.x).

<parameter name="myfield" xsi:type="text" required="true" visible="true">
      <label translate="true">Example</label>
      <depends>
          <parameter name="dependency_one" value="1"/>
          <parameter name="dependency_two" value="1"/>
      </depends>
</parameter>

<label translate="true">Example</label>

</depends>

</parameter>

Doc officielle CSS : function drupal_add_css
Doc officielle JS :

Voir notamment au niveau de la méthode path_to_theme() et de l’option group pour choisir l’ordre de chargement des fichiers.

function <my_theme>_preprocess_page(&$variables) {
  // On the front page, add another CSS file to the CSS_THEME group
  if ($variables['is_front'] == TRUE) {
    drupal_add_css(path_to_theme(). '/css/front.css', array('group' => CSS_THEME));
  }
}

function <my_theme>_preprocess_page(&$variables) {

// On the front page, add another CSS file to the CSS_THEME group

if ($variables['is_front'] == TRUE) {

drupal_add_css(path_to_theme(). '/css/front.css', array('group' => CSS_THEME));

}

On peut également affiner la position de chargement de la CSS avec l’option weight :

function <my_theme>_preprocess_page(&$variables) {
  // On the front page, add another CSS file
  if ($variables['is_front'] == TRUE) {
    drupal_add_css(path_to_theme(). '/css/front.css', array('group' => CSS_THEME, 'weight' => -10));
  }
}

function <my_theme>_preprocess_page(&$variables) {

// On the front page, add another CSS file

if ($variables['is_front'] == TRUE) {

drupal_add_css(path_to_theme(). '/css/front.css', array('group' => CSS_THEME, 'weight' => -10));

}

Articles récents

Catégories

Archives

Méta

Étiquette : conditionnel

[Magento 2] Utiliser le source model Yesno pour faire apparaître de manière dynamique et sous condition un champ caché dans un widget custom

Cas où l’affichage du champ caché dépend de l’activation de plusieurs autres champs