# フォームブリッジ 確認画面 完了画面にロゴ画像を表示しない方法

**URL:** <https://community.cybozu.dev/t/topic/4894>\
**Category:** kintone 開発相談\
**Created:** [2020 年 2 月 19 日午前 1:50 UTC](https://community.cybozu.dev/t/topic/4894 "2020-02-19T01:50:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1431](https://avatars.discourse-cdn.com/v4/letter/l/c0e974/32.png) [@Legacy\_Account1431](https://community.cybozu.dev/u/Legacy_Account1431)\
**Post date:** [2020 年 2 月 19 日午前 1:50 UTC](https://community.cybozu.dev/t/topic/4894/1 "2020-02-19T01:50:45Z")

</div>

フォームブリッジのロゴ画像として、縦長の画像を設定しています。

その為、確認画面と完了画面において、下方にスクロールしなければ

確認内容やボタンが表示されず、回答者に気付かれない可能性があります。

ロゴ画像はフォームにのみ表示させ、確認画面と完了画面では非表示とし、

タイトル以下の必要箇所のみを表示させることは可能でしょうか。

何卒ご教授いただけますようお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1286](https://avatars.discourse-cdn.com/v4/letter/l/22d042/32.png) [@Legacy\_Account1286](https://community.cybozu.dev/u/Legacy_Account1286)\
**Post date:** [2020 年 2 月 19 日午前 4:56 UTC](https://community.cybozu.dev/t/topic/4894/2 "2020-02-19T04:56:10Z")

</div>

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

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

&nbsp;

JavaScriptを用いたカスタマイズで実現可能です．

操作をしたいタイミングのイベントを指定し，ロゴ要素のあるクラスを指定，非表示にするStyleを付与することで画面から消すことができます．

例えば，確認画面においてロゴを非表示にしたい場合は「fb.events.confirm.mounted」を，完了画面の場合は「fb.events.finish.mounted」を利用することで，任意の要素を操作できます．

なお，イベントの一覧は下記からご確認ください．

[https://form.kintoneapp.com/help/customize](https://form.kintoneapp.com/help/customize)&nbsp;

```
(function() {
"use strict";
fb.events.confirm.mounted = [function () { // 確認画面のマウント時に動作
var header = document.getElementsByClassName('fb-header')[0]; // ヘッダの要素を取得
header.style.display = 'none'; // ヘッダに非表示styleを付与
}]
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1431](https://avatars.discourse-cdn.com/v4/letter/l/c0e974/32.png) [@Legacy\_Account1431](https://community.cybozu.dev/u/Legacy_Account1431)\
**Post date:** [2020 年 2 月 27 日午前 8:51 UTC](https://community.cybozu.dev/t/topic/4894/3 "2020-02-27T08:51:13Z")

</div>

お世話になります。

もう1か所、同じくエラー画面においてもロゴ画像を表示しないようにできますでしょうか？

上記教えて頂いたJavaScriptのイベント部分を

#### 「fb.events.error.mounted」

にしてみたのですが、上手くいきませんでした。

お手数ですが、教えて頂けますと幸いです。

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

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1286](https://avatars.discourse-cdn.com/v4/letter/l/22d042/32.png) [@Legacy\_Account1286](https://community.cybozu.dev/u/Legacy_Account1286)\
**Post date:** [2020 年 3 月 5 日午前 9:44 UTC](https://community.cybozu.dev/t/topic/4894/4 "2020-03-05T09:44:58Z")

</div>

石川です．

&nbsp;

エラー画面のカスタマイズは確認画面/完了画面等のカスタマイズから独立しており，管理画面上にある「エラー画面の高度なカスタマイズ」で設定をする必要があります．ここに，イベントを「fb.events.error.mounted」へ変更した上記のプログラムを登録することで，エラー画面においてもロゴを非表示にすることが可能です．尚，この機能を利用するにはプレミアムプランが必要になります．

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1431](https://avatars.discourse-cdn.com/v4/letter/l/c0e974/32.png) [@Legacy\_Account1431](https://community.cybozu.dev/u/Legacy_Account1431)\
**Post date:** [2020 年 3 月 5 日午前 10:02 UTC](https://community.cybozu.dev/t/topic/4894/5 "2020-03-05T10:02:27Z")

</div>

トヨクモ 石川様

&nbsp;

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

&nbsp;

ちょうど「エラー画面の高度なカスタマイズ」メニューが出来てよかったです。

イベントを「fb.events.error.mounted」にしてみたところ、なぜかうまくいかなかったのですが、

試しに「fb.events.error.created」にしたら、エラー画面でもロゴ画像を非表示にすることができました。

動作も確認した限りでは特に問題なさそうです。

ご教授いただき、ありがとうございます。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 25 日午前 5:37 UTC](https://community.cybozu.dev/t/topic/4894/6 "2024-09-25T05:37:40Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。