[H5]HTML5懸浮工具欄

1.1 版本

1.2 功能簡介

HTML5 端整合後，查看範本時底部一般會有工具欄，按鈕較少時不僅佔位置而且也不美觀。

透過安裝 HTML5 懸浮工具欄插件，工具欄可以懸浮顯示，簡單易用，空間利用率更高。如下圖所示：

2.1 插件安裝

插件下載請點選：

• HTML5行動端展現插件

• HTML5懸浮工具欄插件

設計器插件安裝方法請參見：設計器插件管理

伺服器安裝插件方法請參見：伺服器插件管理

2.2 應用場景

該插件僅適用於 HTML5 端，適用於以下按鈕的懸浮，如下表所示：

注1：插件只能改變按鈕的樣式，從底部轉為懸浮。若本身按鈕不存在，不會因為插件而出現。相關按鈕的顯示條件，本文不再贅述，詳情請參考：[通用]行動端工具欄

注2： FVS 視覺化看板不支援此插件。

2.3 懸浮樣式

2.3.1 豎屏

1）工具欄按鈕少於或等於 4 個，則按鈕直接顯示。如下圖所示：

2）工具欄按鈕大於 4 個，預設收起，點選展開。如下圖所示：

工具欄展開後，出現以下操作時，工具欄自動收起：

• 豎屏轉換為橫屏。
  

• 點選快速傳回按鈕。

• 點選範本重新整理按鈕。

• 點選懸浮工具欄外區域。

2.3.2 橫屏

1）工具欄按鈕少於或等於 4 個，則按鈕直接顯示。如下圖所示：

2）工具欄按鈕大於 4 個，預設收起，點選展開。如下圖所示：

工具欄展開後，出現以下操作時，工具欄自動收起：

• 橫屏轉換為豎屏。
  

• 點選快速傳回按鈕。

• 點選範本重新整理按鈕。

• 點選懸浮工具欄外區域。