Joomla! 表單元件 JSN UniForm 利用 HTML 語法加上圖片

Joomla! 的表單元件 JSN UniForm 預設提供的表單功能,在 radioButton 內沒有提供圖片選項(不過是免費版的部分,且是 2020 年時改的,不知道之後有沒有改?)

不過後來發現,只要透過簡單的 HTML 語法就能夠達成這個效果了!

教學開始

首先聲明一下,這一篇就是稍微紀錄一下,如果你看到的時候已經可以在設定中能夠新增圖片,那就以元件本身設定為主囉!

進入 radioButton 設定,點選 Values,然後照著以下圖片輸入著 img 的 HTML 語法,以 Enter 換行方式分隔選項(不用加 <br> 或是 ,),中間馬賽克的 src 部分輸入圖片網址就完成了~

JSN UniForm 加上圖片


希望我的文章能夠幫助到你,有任何問題或是想與我討論交流,歡迎透過留言與我分享你的觀點。

如果你喜歡我的文章,想支持我繼續撰寫更多文章,歡迎你:

  1. 將我的部落格加入書籤,隨時造訪部落格。
  2. 將我的文章分享給你的親朋好友。
  3. 透過 LikeButton 幫我按 5 下讚。
  4. 每月贊助 LikeCoin 請我喝杯咖啡。(雖然我不喝咖啡啦 XD)