Apex Code Development You need to sign in to do that
Don't have an account?
Andy Stollmeyer CSS Formatting Issues with <apex:repeat>
I am working with bootstrap inside of a VF page and am having issues with the way the <apex:inilneEditSupport> component renders within a repeat. Below is the code snippet:
And below is a screenshot of how it renders:
As you can see it throws a line break into the apex:repeat component for some reason. Has anyone encountered this before?
<apex:panelgrid columns="2" >
<apex:outputlabel >Competitor: </apex:outputlabel>
<apex:outputField value="{!Opportunity.Competitor__c}" >
<apex:inlineEditSupport changedStyleClass="changed" showOnEdit="saveButton" />
</apex:outputField>
</apex:panelgrid>
<apex:panelgrid columns="2" >
<apex:repeat value="{!$ObjectType.Opportunity.FieldSets.DiscoveryMilestones}" var="f" >
<apex:outputlabel >{!f.Label}:</apex:outputlabel>
<apex:outputField value="{!Opportunity[f]}" >
<apex:inlineEditSupport changedStyleClass="changed" showOnEdit="saveButton" />
</apex:outputField>
</apex:repeat>
</apex:panelgrid>
And below is a screenshot of how it renders:
As you can see it throws a line break into the apex:repeat component for some reason. Has anyone encountered this before?
I think this might be expected behavior from how bootstrap does it's min-width and box model. Can you pelase provide the generated HTML that creates your screenshot?