我如何使用 Web 应用程序中的下拉菜单将每个条目 link 到一个图像文件，用于 Business Catalyst？

Question

我想使用 BC 后端的下拉菜单在网站前端吐出图像。例如...有一个团队列表，想要制作一个 "team vs team" 显示（徽标）。想要在两侧都使用下拉菜单，以便 webapp 对用户来说可以很简单。

而不是使用图像字段并且必须直接 link 到图像文件。

任何关于我将如何做这件事的想法..我猜 JS 会涉及。

干杯

Answer 1

你不需要任何脚本，只需要 css 和 html

在CSS

.teamname1 {background-image:url(/path-to-background-image1);}
.teamname2 {background-image:url(/path-to-background-image2);}
.teamname3 {background-image:url(/path-to-background-image3);}
.teamname4 {background-image:url(/path-to-background-image4);}

在网络应用布局中

<div class="{tag_webapp dropdown fieldname}"></div>
VS
<div class="{tag_webapp dropdown fieldname2}"></div>

因此，当客户选择您在 "Webapp dropdown fieldname" 上设置的团队名称之一时，该网络应用项目的 class 将确保设置团队图片。

我如何使用 Web 应用程序中的下拉菜单将每个条目 link 到一个图像文件，用于 Business Catalyst？

How can i use dropdowns in a webapp to link to an image file per entry for Business catalyst?

web-applications

business-catalyst