Syntax
<dlog:PageLayout id={unique control ID} ObjectName={sObject name} PageLayout={layout ID}
UseEditLayout={true|false} UseDetailLayout={true|false} UseInlineHelpText={true|false} UseSectionsAsTabs={true|false}
SectionHeadingCssClass={CSS class name} SectionCssClass={CSS class name} LabelCssClass={CSS class name}
RequiredCssClass={CSS class name} RequiredErrorMessage={error message} RequiredMessageCssClass={CSS class name}
TabCssClass={CSS class name} TabNavigationCssClass={CSS class name} TabBodyCssClass={CSS class name}
Exclude={list of fields to exclude} ExcludeSection={list of sections to exclude} DefaultListValue={index 0 value}></dlog:PageLayout>
Usage
Displays a dynamic string from a Salesforce record or URL parameter.
Attributes
id: (Required) A unique identifier for the control. Multiple labels displaying the same field may be used on a page, but each Label control must have a unique ID.
objectname: (Required) Reference to the Salesforce object name.
PageLayout: (Optional) Reference to the Salesforce page layout to use in rendering the web form. If not defined, the first available page layout is used (Supported by EE, UE, and DE only)
UseEditLayout: (Optional) Determines whether the Edit layout is used to render the web form. If neither UseEditLayout or
UseDetailLayout are defined, then the the Edit layout is used by default.
UseDetailLayout: (Optional) Determines whether the Detail layout is used to render the web form.
UseInlineText: (Optional) Determines whether defined inline help text is used for field labels. Default=false.
UseSectionsAsTabs: (Optional) Determines whether sections are rendered as tabs. Default=false.
SectionHeadingCssClass: (Optional) The CSS class used to render layout section heading. Default='FormSectionHeading'.
SectionCssClass: (Optional) The CSS class used to render layout sections. Default='FormSection'.
RequiredCssClass: (Optional) The CSS class used to render required fields. Default='Required'.
RequiredMessageCssClass: (Optional) The CSS class used to render the required field error message. Default='RequiredError'.
TabCssClass: (Optional) The CSS class used to render tabbed layout sections. Default='tabs'.
TabNavigationCssClass: (Optional) The CSS class used to render tabbed layout navigation sections. Default='tabNavigation'.
TabBodyCssClass: (Optional) The CSS class used to render tabbed section body. Default='tab-body'.
LabelCssClass: (Optional) The CSS class used to render layout labels. Default='FormLabel'.
RequiredErrorMessage: (Optional) Default = "Required" Message displayed when required field is not completed.
Exclude: (Optional) The comma separated list of fields to exclude from display.
ExcludeSection: (Optional) The comma separated list of sections to exclude from display.
DefaultListValue: (Optional) Default=(no value) The default value displayed in picklist. For example: " Select One ".
Example
<dlog:PageLayout id="WebSurveyLayout" ObjectName="Survey__c" UseEditLayout="true" ExcludeList="OwnerId"></dlog:PageLayout>
EditImplementing Tabbed Sections
The following Cascading Style Sheet (CSS) definitions demonstrate using the default Tab CssClass definitions:
div.tabs
{
background:#FDFDFD url(themes/genericblue/images/main_div_bg.png) repeat-x scroll left bottom;
border:1px solid #CCCCCC;
float:left;
padding:0;
}
ul.tabNavigation
{
background:transparent url(themes/genericblue/images/main_h1_bg.png) repeat-x scroll 0 0;
border-bottom:1px solid #CCCCCC;
float:left;
height:31px;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
width:640px;
}
ul.tabNavigation li
{
border-right:1px solid #CCCCCC;
float:left;
height:31px;
margin:0 !important;
}
ul.tabNavigation li a
{
color:#FFFFFF;
display:block;
font-size:1.15em;
height:31px;
line-height:31px;
padding:0 10px;
}
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover
{
background:transparent url(themes/genericblue/images/main_h1_bg2.png) repeat-x scroll 0 0;
}
div.tab-body
{
display:none;
width:620px;
}
Example of how a Section is rendered in HTML
Tabs are implemented as an HTML <ul> list. (example)
<div class="tabs">
<ul class="tabNavigation">
<li><a href="#Section1">Section 1 Name</a></li>
<li><a href="#Section2">Section 2 Name</a></li>
</ul>
<div id="Section1" class="tab-body">section body</div>
<div id="Section2" class="tab-body">section body</div>
</div>