如何向Sales Force添加自定义用户界面

Question

我尝试向 SalesForce 页面添加自定义用户界面，我该如何开始？

Answer 1

以下是通过两个简单步骤自定义页面UI的方法： 1.在页面元素中添加属性以删除附加到页面的默认标题，侧边栏和样式表。 2.如果需要，从静态资源添加CSS和jQuery。这是可选步骤，但在处理大型CSS和jQuery代码时非常有用。

添加属性：

<apex:page id="thePage" controller="yourController" action="{!yourAction}" docType="html-5.0" standardStylesheets="false" sidebar="false" showHeader="false">

添加静态资源：

<apex:includeScript value="{!$Resource.yourJS}" />
<apex:stylesheet value="{!$Resource.yourCSS}" />

Answer 2

您可以在Visualforce页面和控制器上开发完全自定义的用户界面。首先，您可以使用标记中的这些选项从页面中删除标准组件（标签，页眉和页脚）：

<apex:page sidebar="false" showHeader="false" standardStylesheets="false">

因此，您将拥有可以添加标记的清晰页面。您还可以开发模板页面，其中包括常用的应用程序界面部件。阅读有关Visualforce模板here的更多信息。 您也可以使用Salesforce custom components。

您还可以使用流行的CSS和JS框架。所以它将是前端部分和服务器端的更多开发，你只需在页面控制器中为UI创建动作方法。