いつもお世話になっております。
タイトルの件について、フォームブリッジのフォームで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';
});
}
}];
})();