Mixing
How to get to have two INDEPENDENT columns with fields?
Clash Royale CLAN TAG#URR8PPP
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0;
up vote
2
down vote
favorite
I am looking for a way where I can use to have two individual, independent columns for fields of a custom object. I am aware has a column attribute, but there is no control over field placement.
I have tried to use various combinations of inline/inline-block on the divs/form/pageBlockSections/etc...
Here is the current code I have, although I have gone through many iterations to try to get Column 1 next to Column 2 in an inline fashion. Currently the first fieldset has lets say 10 fields, and the second fieldset has another 5. I need to conditionally show the second fieldset next to the first if condition X is met:
<apex:form>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:inputField value="!Product__c.Opportunity__c" />
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet1" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet2" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
</apex:form>
I would like my end result to be some semblance of this but still being able to control what is in column 1 and column 2 exclusively:
visualforce page-layout form
asked 4 hours ago
Stas Christiansen
36317
add a comment |Â
up vote
2
down vote
favorite
I am looking for a way where I can use to have two individual, independent columns for fields of a custom object. I am aware has a column attribute, but there is no control over field placement.
I have tried to use various combinations of inline/inline-block on the divs/form/pageBlockSections/etc...
Here is the current code I have, although I have gone through many iterations to try to get Column 1 next to Column 2 in an inline fashion. Currently the first fieldset has lets say 10 fields, and the second fieldset has another 5. I need to conditionally show the second fieldset next to the first if condition X is met:
<apex:form>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:inputField value="!Product__c.Opportunity__c" />
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet1" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet2" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
</apex:form>
I would like my end result to be some semblance of this but still being able to control what is in column 1 and column 2 exclusively:
visualforce page-layout form
asked 4 hours ago
Stas Christiansen
36317
add a comment |Â
up vote
2
down vote
favorite
up vote
2
down vote
favorite
I am looking for a way where I can use to have two individual, independent columns for fields of a custom object. I am aware has a column attribute, but there is no control over field placement.
I have tried to use various combinations of inline/inline-block on the divs/form/pageBlockSections/etc...
Here is the current code I have, although I have gone through many iterations to try to get Column 1 next to Column 2 in an inline fashion. Currently the first fieldset has lets say 10 fields, and the second fieldset has another 5. I need to conditionally show the second fieldset next to the first if condition X is met:
<apex:form>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:inputField value="!Product__c.Opportunity__c" />
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet1" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet2" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
</apex:form>
I would like my end result to be some semblance of this but still being able to control what is in column 1 and column 2 exclusively:
visualforce page-layout form
asked 4 hours ago
Stas Christiansen
36317
I am looking for a way where I can use to have two individual, independent columns for fields of a custom object. I am aware has a column attribute, but there is no control over field placement.
I have tried to use various combinations of inline/inline-block on the divs/form/pageBlockSections/etc...
Here is the current code I have, although I have gone through many iterations to try to get Column 1 next to Column 2 in an inline fashion. Currently the first fieldset has lets say 10 fields, and the second fieldset has another 5. I need to conditionally show the second fieldset next to the first if condition X is met:
<apex:form>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:inputField value="!Product__c.Opportunity__c" />
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet1" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
<div style="display: inline;">
<apex:pageBlock>
<apex:pageBlockSection columns="1">
<apex:repeat value="!$ObjectType.Product__c.FieldSets.FieldSet2" var="f">
<apex:pageBlockSectionItem>
<apex:outputLabel style="display: inline;" value="!f.label" />
<apex:inputField value="!Product__c[f]"/>
</apex:pageBlockSectionItem>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</div>
</apex:form>
I would like my end result to be some semblance of this but still being able to control what is in column 1 and column 2 exclusively:
visualforce page-layout form
visualforce page-layout form
asked 4 hours ago
Stas Christiansen
36317
asked 4 hours ago
Stas Christiansen
36317
asked 4 hours ago
Stas Christiansen
36317
asked 4 hours ago
Stas Christiansen
36317
asked 4 hours ago
Stas Christiansen
36317
36317
add a comment |Â
add a comment |Â
1 Answer
1
active
oldest
votes
up vote
2
down vote
Unfortunately you can't specify columns that way with apex:pageblocksection, it's always left-to-right.
You could just use one field set and just training people to put them into the field set in the desired left to right ordering.
If that's not practical with apex you can take to field sets and combine them into a single array with the left-to-right ordering required by apex:pageblocksection. I've put together an example which should accomplish what you want, although there is likely more you'd need to do to have this production ready (i.e. set the required attribute based on the field requirement and it's whether it's marked as required in the field s).
Controller
public with sharing class SFSX_237209
public String ltrFieldNames get; set;
public SFSX_237209(ApexPages.StandardController controller)
ltrFieldNames = new String[0];
String fieldNames = new String[0];
Schema.FieldSetMember col1 = SObjectType.Product2.FieldSets.FieldSet1.getFields();
Schema.FieldSetMember col2 = SObjectType.Product2.FieldSets.FieldSet2.getFields();
for (Integer i = 0; i < Math.max(col1.size(), col2.size()); i++)
if (col1.size() > i)
ltrFieldNames.add(col1[i].getFieldPath());
if (!fieldNames.contains(col1[i].getFieldPath()))
fieldNames.add(col1[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
if (col2.size() > i)
ltrFieldNames.add(col2[i].getFieldPath());
if (!fieldNames.contains(col2[i].getFieldPath()))
fieldNames.add(col2[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
controller.addFields(fieldNames);
Visualforce Page
<apex:page standardController="Product2" extensions="SFSX_237209">
<apex:form>
<apex:pageBlock>
<apex:pageBlockSection columns="2">
<apex:repeat value="!ltrFieldNames" var="fieldName">
<apex:inputField value="!Product2[fieldName]" rendered="!fieldName <> 'SKIP'"/>
<!-- implement blank space with empty string -->
<apex:outputText value=" " rendered="!fieldName = 'SKIP'"/>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
answered 3 hours ago
Ralph Callaway
16.1k1072151
add a comment |Â
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
2
down vote
Unfortunately you can't specify columns that way with apex:pageblocksection, it's always left-to-right.
You could just use one field set and just training people to put them into the field set in the desired left to right ordering.
If that's not practical with apex you can take to field sets and combine them into a single array with the left-to-right ordering required by apex:pageblocksection. I've put together an example which should accomplish what you want, although there is likely more you'd need to do to have this production ready (i.e. set the required attribute based on the field requirement and it's whether it's marked as required in the field s).
Controller
public with sharing class SFSX_237209
public String ltrFieldNames get; set;
public SFSX_237209(ApexPages.StandardController controller)
ltrFieldNames = new String[0];
String fieldNames = new String[0];
Schema.FieldSetMember col1 = SObjectType.Product2.FieldSets.FieldSet1.getFields();
Schema.FieldSetMember col2 = SObjectType.Product2.FieldSets.FieldSet2.getFields();
for (Integer i = 0; i < Math.max(col1.size(), col2.size()); i++)
if (col1.size() > i)
ltrFieldNames.add(col1[i].getFieldPath());
if (!fieldNames.contains(col1[i].getFieldPath()))
fieldNames.add(col1[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
if (col2.size() > i)
ltrFieldNames.add(col2[i].getFieldPath());
if (!fieldNames.contains(col2[i].getFieldPath()))
fieldNames.add(col2[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
controller.addFields(fieldNames);
Visualforce Page
<apex:page standardController="Product2" extensions="SFSX_237209">
<apex:form>
<apex:pageBlock>
<apex:pageBlockSection columns="2">
<apex:repeat value="!ltrFieldNames" var="fieldName">
<apex:inputField value="!Product2[fieldName]" rendered="!fieldName <> 'SKIP'"/>
<!-- implement blank space with empty string -->
<apex:outputText value=" " rendered="!fieldName = 'SKIP'"/>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
answered 3 hours ago
Ralph Callaway
16.1k1072151
add a comment |Â
up vote
2
down vote
Unfortunately you can't specify columns that way with apex:pageblocksection, it's always left-to-right.
You could just use one field set and just training people to put them into the field set in the desired left to right ordering.
If that's not practical with apex you can take to field sets and combine them into a single array with the left-to-right ordering required by apex:pageblocksection. I've put together an example which should accomplish what you want, although there is likely more you'd need to do to have this production ready (i.e. set the required attribute based on the field requirement and it's whether it's marked as required in the field s).
Controller
public with sharing class SFSX_237209
public String ltrFieldNames get; set;
public SFSX_237209(ApexPages.StandardController controller)
ltrFieldNames = new String[0];
String fieldNames = new String[0];
Schema.FieldSetMember col1 = SObjectType.Product2.FieldSets.FieldSet1.getFields();
Schema.FieldSetMember col2 = SObjectType.Product2.FieldSets.FieldSet2.getFields();
for (Integer i = 0; i < Math.max(col1.size(), col2.size()); i++)
if (col1.size() > i)
ltrFieldNames.add(col1[i].getFieldPath());
if (!fieldNames.contains(col1[i].getFieldPath()))
fieldNames.add(col1[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
if (col2.size() > i)
ltrFieldNames.add(col2[i].getFieldPath());
if (!fieldNames.contains(col2[i].getFieldPath()))
fieldNames.add(col2[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
controller.addFields(fieldNames);
Visualforce Page
<apex:page standardController="Product2" extensions="SFSX_237209">
<apex:form>
<apex:pageBlock>
<apex:pageBlockSection columns="2">
<apex:repeat value="!ltrFieldNames" var="fieldName">
<apex:inputField value="!Product2[fieldName]" rendered="!fieldName <> 'SKIP'"/>
<!-- implement blank space with empty string -->
<apex:outputText value=" " rendered="!fieldName = 'SKIP'"/>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
answered 3 hours ago
Ralph Callaway
16.1k1072151
add a comment |Â
up vote
2
down vote
up vote
2
down vote
Unfortunately you can't specify columns that way with apex:pageblocksection, it's always left-to-right.
You could just use one field set and just training people to put them into the field set in the desired left to right ordering.
If that's not practical with apex you can take to field sets and combine them into a single array with the left-to-right ordering required by apex:pageblocksection. I've put together an example which should accomplish what you want, although there is likely more you'd need to do to have this production ready (i.e. set the required attribute based on the field requirement and it's whether it's marked as required in the field s).
Controller
public with sharing class SFSX_237209
public String ltrFieldNames get; set;
public SFSX_237209(ApexPages.StandardController controller)
ltrFieldNames = new String[0];
String fieldNames = new String[0];
Schema.FieldSetMember col1 = SObjectType.Product2.FieldSets.FieldSet1.getFields();
Schema.FieldSetMember col2 = SObjectType.Product2.FieldSets.FieldSet2.getFields();
for (Integer i = 0; i < Math.max(col1.size(), col2.size()); i++)
if (col1.size() > i)
ltrFieldNames.add(col1[i].getFieldPath());
if (!fieldNames.contains(col1[i].getFieldPath()))
fieldNames.add(col1[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
if (col2.size() > i)
ltrFieldNames.add(col2[i].getFieldPath());
if (!fieldNames.contains(col2[i].getFieldPath()))
fieldNames.add(col2[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
controller.addFields(fieldNames);
Visualforce Page
<apex:page standardController="Product2" extensions="SFSX_237209">
<apex:form>
<apex:pageBlock>
<apex:pageBlockSection columns="2">
<apex:repeat value="!ltrFieldNames" var="fieldName">
<apex:inputField value="!Product2[fieldName]" rendered="!fieldName <> 'SKIP'"/>
<!-- implement blank space with empty string -->
<apex:outputText value=" " rendered="!fieldName = 'SKIP'"/>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
answered 3 hours ago
Ralph Callaway
16.1k1072151
Unfortunately you can't specify columns that way with apex:pageblocksection, it's always left-to-right.
You could just use one field set and just training people to put them into the field set in the desired left to right ordering.
If that's not practical with apex you can take to field sets and combine them into a single array with the left-to-right ordering required by apex:pageblocksection. I've put together an example which should accomplish what you want, although there is likely more you'd need to do to have this production ready (i.e. set the required attribute based on the field requirement and it's whether it's marked as required in the field s).
Controller
public with sharing class SFSX_237209
public String ltrFieldNames get; set;
public SFSX_237209(ApexPages.StandardController controller)
ltrFieldNames = new String[0];
String fieldNames = new String[0];
Schema.FieldSetMember col1 = SObjectType.Product2.FieldSets.FieldSet1.getFields();
Schema.FieldSetMember col2 = SObjectType.Product2.FieldSets.FieldSet2.getFields();
for (Integer i = 0; i < Math.max(col1.size(), col2.size()); i++)
if (col1.size() > i)
ltrFieldNames.add(col1[i].getFieldPath());
if (!fieldNames.contains(col1[i].getFieldPath()))
fieldNames.add(col1[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
if (col2.size() > i)
ltrFieldNames.add(col2[i].getFieldPath());
if (!fieldNames.contains(col2[i].getFieldPath()))
fieldNames.add(col2[i].getFieldPath());
else
ltrFieldNames.add('SKIP');
controller.addFields(fieldNames);
Visualforce Page
<apex:page standardController="Product2" extensions="SFSX_237209">
<apex:form>
<apex:pageBlock>
<apex:pageBlockSection columns="2">
<apex:repeat value="!ltrFieldNames" var="fieldName">
<apex:inputField value="!Product2[fieldName]" rendered="!fieldName <> 'SKIP'"/>
<!-- implement blank space with empty string -->
<apex:outputText value=" " rendered="!fieldName = 'SKIP'"/>
</apex:repeat>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
answered 3 hours ago
Ralph Callaway
16.1k1072151
answered 3 hours ago
Ralph Callaway
16.1k1072151
answered 3 hours ago
Ralph Callaway
16.1k1072151
answered 3 hours ago
Ralph Callaway
16.1k1072151
16.1k1072151
add a comment |Â
add a comment |Â
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f237209%2fhow-to-get-apexform-to-have-two-independent-columns-with-fields%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
