优化Salesforce1的Visualforce页面

时间:2014-07-05 16:22:48

标签: layout styles salesforce visualforce force.com

我创建了一个简单的visualforce页面来覆盖" New"的标准salesforce.com页面。和"编辑"用于自定义对象。
这很简单,只是因为在标准的salesforce.com页面中,textarea不够宽,因为表单分为两列。 (或者我错了?有没有办法在不创建自定义visualforce页面的情况下实现这一目标?)
好吧,这是代码:

<apex:page standardController="Object__c">
<apex:sectionHeader title="Object Edit" subtitle="{!if(Object__c.id==null,'New Object',Object__c.Name)}"/>
<apex:form >
    <apex:pageBlock title="Object Edit" mode="edit">
        <apex:pageblockbuttons >
             <apex:commandbutton action="{!save}" value="Save"/>
             <apex:commandbutton action="{!cancel}" value="Cancel"/>
         </apex:pageblockbuttons>
         <apex:pagemessages />
         <apex:pageblockSection title="Basics" columns="2">
             <apex:inputField value="{!Object__c.Field1__c}"/>
             ... more fields
         </apex:pageblockSection>
         <apex:pageblocksection title="Details" columns="1">
             <apex:inputField value="{!Object__c.Field10__c}"/>
             ... more fields
         </apex:pageblocksection>
    </apex:pageBlock>
</apex:form>
</apex:page>

好吧,这个页面在force.com上看起来很不错,但是当我从我在iPad上的salesforce1-App中打开它时,它的样式与force.com相同,而不是像其他的那样(标准的salesforce)。 com页面 - )在salesforce1-App中形成?

2 个答案:

答案 0 :(得分:0)

要确保样式正确,请考虑使用移动设计模板:https://developer.salesforce.com/en/mobile/services/mobile-templates/templates-faq

我认为您也可以从审核此幻灯片中受益:http://www.slideshare.net/developerforce/visualforce-in-salesforce1-1-1。它特别要求开发人员避免在Salesforce1中使用pageBlocks。这些幻灯片的作者是Sandeep Bhanot,一般来说,他是一个很棒的人,可以连接到Twitter / Youtube等,满足您的所有Salesforce1需求。

答案 1 :(得分:0)

你可以让textarea在std页面布局中跨越2列,将它放在单独的部分并将列设置为1.只需将鼠标悬停在部分标题上,单击右侧的扳手图标,你应该得到一个这样的弹出窗口:< / p>

enter image description here

我说这种改变对于完整的VF页面路由来说有点过分。但是如果你真的需要它或者我的诀窍不起作用 - 在Salesforce专用网站上几乎没有什么问题可能对你有好处: