【フォームブリッジ】PC表示のみフィールド名を非表示

いつもお世話になっております。

タイトルの件について、フォームブリッジのフォームでPC表示の時のみフィールド名を非表示にしたいと考えています。

以前投稿されている下記記事を参考に以下コードで行うと、項目ごと非表示になりました。

【フォームブリッジ】スマートフォン表示時のinputフォームの幅設定について

(function() {
“use strict”;
fb.events.form.mounted = [function (state){
if(window.parent.screen.width > 767){
var hideFields = [“項目1”, “項目2”];
hideFields.forEach(function(hideField){
document.querySelector(‘[data-vv-name="’ + hideField + ‘"]’).style.display = ‘none’;
});
}
}];
})();

お手数をおかけしますがご教授いただけますでしょうか。

よろしくお願いいたします。

 

 

Nao様

お世話になっております。
トヨクモの江田です。

CSSカスタマイズで実装するとよいと思います。

@media only screen and (min-width: 767px){
  .ui.form .field>label{
    display: none;
  }
}

トヨクモ 江田様

ご回答ありがとうございます。

度々申し訳ございませんが、特定の項目のみを非表示にすることは可能でしょうか。

ご教授いただければ幸いです。

Nao様

お世話になっております。

その場合は、JavaScriptカスタマイズで実装するとよいです。

(function() {
  "use strict"
  fb.events.form.mounted = [function(state){
    if(window.parent.screen.width > 767){
      ['項目1', '項目2'].forEach(function(fieldCode){
        fb.getElementByCode(fieldCode).getElementsByTagName('label')[0].style.display = 'none';
      });
    }
  }];
})();

トヨクモ 江田様

早速のご回答ありがとうございます。

ご教授いただいたコードで動作致しました。

ありがとうございます。