【フォームブリッジ】kViewerルックアップの検索テキストボックス非表示方法について

kintone カスタマイズ
1

フォームブリッジで下記画像の様に、kViewerルックアップの検索テキストボックス（サブテーブル内も含む）を非表示にしたく、下記のサイトを参考に設定しております。
https://developer.cybozu.io/hc/ja/community/posts/360001768666–%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%96%E3%83%AA%E3%83%83%E3%82%B8-kViewer%E3%83%AB%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E3%81%AE%E6%A4%9C%E7%B4%A2%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E6%B6%88%E3%81%99%E6%96%B9%E6%B3%95

下記の通り、スタイルシートを用意し設定しましたが、検索テキストボックスだけ消えて欲しい所なのですが、虫眼鏡ボタンまで消えてしまいます。
サブテーブルにあるkViewerルックアップの検索テキストボックスの方は、虫眼鏡ボタンだけ表示されるのですが、検索画面のテキストボックスまで消えてしまいます。

/* 項目「得意先」のテキストボックス非表示 */
[data-vv-name="kviewer_lookup"] > form > .el-input {
display:none;
}
/* サブテーブル内項目「型格検索」のテキストボックス非表示 */
[data-vv-name="receipts"] form .el-input__inner {
display:none;
}

どなたか対処方法がお分かりになられる方がおられましたら、アドバイス頂けると助かります。

2

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

トヨクモの石川と申します．

 

検索ボックスのみ非表示にしたいという内容であれば，下記のCSSで実現できます．

実際のフィールドコードに変更した上でご利用ください．

/* 通常のLookUpで検索ボックス非表示 */
[data-vv-name=“kviewer_lookup”] > form > div > .el-input__inner {
display: none;
}
[data-vv-name=“kviewer_lookup”] > form > div > .el-input-group__append {
border: none;
background-color: #fff;
}

[data-vv-name=“kviewer_lookup”] > form > div > .el-input-group__append .kviewer-lookup-button {
margin: 0; /* 虫眼鏡マークの位置調整 */
}

/* サブテーブル内のLookUpで検索ボックス非表示 */
[data-vv-name=“subtable”] > table > tbody > tr > td > div > form > div > .el-input__inner {
display: none;
}
[data-vv-name=“subtable”] > table > tbody > tr > td > div > form > div > .el-input-group__append {
border: none;
background-color: #fff;
}

[data-vv-name=“subtable”] > table > tbody > tr > td > div > form > div > .el-input-group__append .kviewer-lookup-button {
margin: 0; /* 虫眼鏡マークの位置調整 */
}

3

CSSの表記をコードスタイルにしておりませんでした．見づらいので，下記に再掲します．

/* 通常のLookUpで検索ボックス非表示 */
[data-vv-name="kviewer_lookup"] > form > div > .el-input__inner {
display: none;
}
[data-vv-name="kviewer_lookup"] > form > div > .el-input-group__append {
border: none;
background-color: #fff;
}

[data-vv-name="kviewer_lookup"] > form > div > .el-input-group__append .kviewer-lookup-button {
margin: 0; /* 虫眼鏡マークの位置調整 */
}


/* サブテーブル内のLookUpで検索ボックス非表示 */
[data-vv-name="subtable"] > table > tbody > tr > td > div > form > div > .el-input__inner {
display: none;
}
[data-vv-name="subtable"] > table > tbody > tr > td > div > form > div > .el-input-group__append {
border: none;
background-color: #fff;
}

[data-vv-name="subtable"] > table > tbody > tr > td > div > form > div > .el-input-group__append .kviewer-lookup-button {
margin: 0; /* 虫眼鏡マークの位置調整 */
}
4

石川様

お世話になっております。
回答頂いたCSSで希望のフォームが実現できました。

有難うございました。大変助かりました。
今後ともよろしくお願い致します。