# 回答ボタンを移動や配置することは可能でしょうか。

**URL:** <https://community.cybozu.dev/t/topic/4298>\
**Category:** kintone 開発相談\
**Created:** [2019 年 8 月 16 日午後 1:53 UTC](https://community.cybozu.dev/t/topic/4298 "2019-08-16T13:53:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1083](https://avatars.discourse-cdn.com/v4/letter/l/3ec8ea/32.png) [@Legacy\_Account1083](https://community.cybozu.dev/u/Legacy_Account1083)\
**Post date:** [2019 年 8 月 16 日午後 1:53 UTC](https://community.cybozu.dev/t/topic/4298/1 "2019-08-16T13:53:22Z")

</div>

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

&nbsp;

フォームブリッジでのアンケートを取っているのですが、

回答ボタンは、配置の移動や、同ページ内に複数配置、

または回答ボタンへのジャンプ機能などは、フォームブリッジで可能でしょうか。

&nbsp;

初心者の質問で恐れ入りますが、ご教授のほどよろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2019 年 8 月 21 日午前 10:34 UTC](https://community.cybozu.dev/t/topic/4298/2 "2019-08-21T10:34:55Z")

</div>

ていく様

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

可能です。  
例えば、CSSカスタマイズで、下記コードを読み込ませると、固定表示などもできます。

```
.ui.labeled.icon.button.fb-submit{
position: fixed;
bottom: 10px;
right: 10px;
}

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1147](https://avatars.discourse-cdn.com/v4/letter/l/b77776/32.png) [@Legacy\_Account1147](https://community.cybozu.dev/u/Legacy_Account1147)\
**Post date:** [2019 年 8 月 22 日午前 5:56 UTC](https://community.cybozu.dev/t/topic/4298/3 "2019-08-22T05:56:20Z")

</div>

江田様

お世話になります。

こちらの件に関する質問となります。同様に一時停止ボタンについて、fixedして右側に配置するということを試行しております。

```
/*一時保存右下＆確認ボタン固定*/
.ui.labeled.icon.button.fb-confirm {
position: relative;
bottom: 0px;
right: 0px;
}
.ui.labeled.icon.button{
position: fixed;
bottom: 65px;
right: 10%;
}

```

しかしながら、問題が発生しており解決策がございましたらご教授いただきたくよろしくお願いいたします。

１）そもそもというところとなりますが、一時停止ボタンにつきましては、fb-で始まるクラスは存在しますでしょうか？とりあえず上記のようにしております。

２）確認ボタンについて、relativeで位置をしてしないと、確認ボタンのチェックアイコンが溶け出したようなグレーの縦線がチェックアイコンと同幅で入ってしまいます。この場合、これで正しいものとなりますでしょうか？

３）上記コードで期待する表示に近いものとなってはおりますが、

①一時保存ボタンの表示が、画面表示を大きくした場合、フォームの外枠（白い部分）の外に行ってしまい、基準の位置が確認ボタンと異なってしまうようですが、これを解決するすべは存在しますでしょうか？

②一時保存ボタンの動作には問題ございませんが、再開時に表示される再開または最初からのダイアログが正常に表示されず、再開および最初からの両ボタンが一時保存ボタンと同じ位置にともに重なって表示されるという事象が発生しております。

大変恐れ入りますがよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1147](https://avatars.discourse-cdn.com/v4/letter/l/b77776/32.png) [@Legacy\_Account1147](https://community.cybozu.dev/u/Legacy_Account1147)\
**Post date:** [2019 年 8 月 26 日午前 4:24 UTC](https://community.cybozu.dev/t/topic/4298/4 "2019-08-26T04:24:35Z")

</div>

江田様

お世話になります。一応、状況を添付させていただきます。まだ公開していないものであるため、全体をお見せできず申し訳ございません。

一時保存再開時のダイアログで、再開する、最初からの両ボタンが存在しない↓

再開する、最初からボタンが、fixedした一時停止ボタンの上に重なっている↓

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1147](https://avatars.discourse-cdn.com/v4/letter/l/b77776/32.png) [@Legacy\_Account1147](https://community.cybozu.dev/u/Legacy_Account1147)\
**Post date:** [2019 年 9 月 27 日午前 10:00 UTC](https://community.cybozu.dev/t/topic/4298/5 "2019-09-27T10:00:16Z")

</div>

遅ればせながら、こちら解決しました。

再開するボタンを移動して解決しました。

```
}
.ui.labeled.icon.primary.button {
position: sticky;
position: relative;
left: 0%;
bottom: 10%;
}

```

いささか疑問なのですが、クラスの値が「再開」が「primary」で「最初から」が「redo」となっているのですが、これがそれぞれのボタンを指しているという理解であっていますでしょうか？英語の意味に鑑みますと逆ではないかという感がいたしまして、この点が腑に落ちない点です。