鼠標懸停出現提示信息怎麼做

概述

提示:指啓示,提起注意或給予提醒和解釋。

在 excel 中會經常用到給某個格子增加提醒信息,比如金額提示輸入數值或最大長度值等等。設置方式也有多種,簡單的,僅爲單元格插入批註就可以了,也有複雜的有效性驗證方式。下圖爲批註方式:

g1png

另外,在網頁設計中也常常看到同樣功能,常見的幫助提示框(tips),鼠標懸停在幫助圖標上時,顯示所有的幫助信息。也不難,幾行 JS 腳本的事兒。

g2png

潤乾報表支持在 Web 發佈,衣食父母們同樣希望產品具備鼠標移動到某個位置時顯示一些提示信息的功能。

潤乾想客戶之所想,不僅支持靜態信息,也允許開發者設置動態提示信息(一個單元格,可根據條件判斷顯示不同信息)。

今天先入個門,介紹一下靜態信息的設置方法,後續在結合合適場景介紹動態提示。

Ok!開始進入正題,潤乾報表怎麼設置靜態提示信息呢? 以“工資單”爲例,多數人不清楚其中的考勤扣除怎麼算,這裏便可以爲“考勤扣除”設置提示。

g3png

操作步驟

準備工資條報表模板

準備一張結果如下圖所示的網格式報表

g4png

模板設計如下

g5png

注意:該例子目的是爲標題字段增加提示,所以不考慮數據來源問題,第三行的數據均爲固定數值。

模板中設置靜態信息提示(WEB–提示)

在模板中選中 E2,屬性區“WEB”—“提示”—“值”編輯框

g6png

預覽報表結果

提示僅在 web 端有效,所以先發布報表,瀏覽器預覽,當鼠標懸停在“考勤扣除”時效果如下

g7png

通過設置單元格提示,輕鬆做到鼠標懸停的提醒功能。如同強制分頁、動態背景色等小技巧一樣,針對這種比較常用的功能,報表工具在設計時都已考慮到。遇到類似問題依然建議查閱手冊,對應設置即可。

另外,在後續的文章中,會結合相應場景介紹動態提示信息的設置方法,敬請關注。。。

發佈了168 篇原創文章 · 獲贊 26 · 訪問量 19萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章