如何使用webapp中的下拉菜单链接到Business Catalyst的每个条目的图像文件？

Question

我想在BC的后端使用下拉列表在网站的前端吐出图像。例如......拥有一个团队列表，并希望制作一个“团队与团队”显示（徽标）。想要为双方使用下拉菜单，以便用户可以轻松使用webapp。

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

关于我将如何做到这一点的任何想法......我猜猜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);}

在Webapp布局

中

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

因此，当客户选择其中一个团队名称时，您可以设置＆＃34; Webapp下拉字段名称＆＃34;该webapp项的类将确保设置团队图片。