Previous topicNext topic
WebBuilderX > 子页面容器类型 > 面板类容器 >
卡片面板

卡片面板是最常用的一种普通面板。除了“数据目标”之外,所有的设置项均可用。 如下图所示:

在这个窗口中,我们把该容器的标识名称设为“容器名1”,同时指定了内容高度、背景颜色及标题图标。

点击确定,页面设计窗口的右侧列表中就会多出一个容器:

这时,窗口右侧的添加元素、删除元素等按钮就变成可用状态,表示你可以向当前选定的容器里面添加或修改内容了。如果直接点击右上方的“生成代码”按钮,就会自动生成子页面,只不过这个页面只会显示一个内容为空的面板而已。如下图:

在上图中,“卡片面板测试”是你在WebBuilderX中定义的标题名称,右侧是标题图标。将鼠标移动到该图标上,将弹出在WebBuilderX中事先设定的文字内容;如果你同时在WebBuilderX中勾选了“允许显示为全屏”,则图标旁边还会多出一个全屏按钮。点击该全屏按钮,则面板内容会以全屏方式显示:

很显然,这个卡片面板除了标题之外,余下300px高度的内容区域都是空的。如果你同时勾选了“不显示容器标题”,则标题行及其相应的图标按钮和全屏按钮自动隐藏: