课程章节介绍
今天我们来聊聊这个Salesforce的自定义页面模板设计。这个模板叫做“Two Column Custom App Page Template”,也就是两列的自定义应用页面模板。这个模板的设计是为了让页面在不同的设备上都能有良好的显示效果。
首先,我们来看一下这个模板的结构。它主要由两个区域组成,分别是“column1”和“right”。这两个区域分别代表页面的左列和右列。
在“column1”这个区域中,我们设置了一个默认的宽度为“MEDIUM”,也就是中等宽度。但是,当我们在平板设备上查看这个页面时,这个区域的宽度会自动调整为“SMALL”,也就是小宽度。这个调整是通过“flexipage:formfactor”这个标签来实现的,它指定了在“MEDIUM”类型的设备上,宽度应该调整为“SMALL”。
接下来是“right”这个区域,它的默认宽度是“SMALL”。这个区域没有设置设备类型的调整,所以它在所有设备上的宽度都会保持一致。
总的来说,这个模板的设计非常灵活,能够根据不同的设备自动调整布局,确保用户在任何设备上都能有良好的浏览体验。这就是我们今天要讲的内容,希望对大家有所帮助!