Skip to content

Instantly share code, notes, and snippets.

@shrutis22

shrutis22/FieldSetUI.html

Created October 16, 2016 15:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save shrutis22/77cf7bfe1727e5e641c4ae24cd418997 to your computer and use it in GitHub Desktop.
Save shrutis22/77cf7bfe1727e5e641c4ae24cd418997 to your computer and use it in GitHub Desktop.
Download ZIP
Visualforce page for the Field Set UI Generator
Raw
FieldSetUI.html
<apex:page controller="FieldSetUIGenerator" showHeader="false" sidebar="false" standardStylesheets="true" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Field Set UI</title>
<!--This needs to be on the top for a reason-->
<apex:stylesheet value="{!URLFOR($Resource.Pace,'flash.css')}" />
<script type="text/javascript" src="{!URLFOR($Resource.Pace,'pace.min.js')}"></script>
<apex:stylesheet value="{!URLFOR($Resource.SLDS104, '/assets/styles/salesforce-lightning-design-system-vf.min.css')}" />
<apex:stylesheet value="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>
<apex:stylesheet value="//cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css" />
<apex:stylesheet value="{!$Resource.FieldSetUICSS}" />
</head>
<body>
<div class="slds">
<apex:form id="frmCandEdit" rendered="{!isFieldSetValid}">
<apex:outputPanel rendered="{!isSuccess && isCompleted}">
<script type="text/javascript">
toastr.success( "{!message}" );
</script>
</apex:outputPanel>
<apex:outputPanel rendered="{!NOT(isSuccess) && isCompleted}">
<script type="text/javascript">
toastr.error( "{!message}" );
</script>
</apex:outputPanel>
<div class="slds-grid slds-wrap">
<div class="slds-col slds-medium-size--4-of-12 slds-p-around--medium">
<h3 class="slds-text-heading--small slds-m-bottom--large slds-section__title">Basic Information</h3>
</div>
<div class="slds-col slds-medium-size--8-of-12 slds-p-around--medium">
<apex:commandLink action="{!saveContact}" value="Save" styleClass="slds-button slds-button--neutral slds-float--right" rerender="frmCandEdit" oncomplete="FieldSetUI.init()"/>
</div>
</div>
<div class="slds-grid slds-wrap">
<apex:repeat value="{!$ObjectType.Contact.FieldSets[$CurrentPage.Parameters.fs]}" var="field">
<div class="slds-col slds-size--1-of-1 slds-medium-size--6-of-12">
<div class="slds-form-element slds-p-around--medium">
<label class="slds-form-element__label">
{!field.label}
</label>
<div class="slds-form-element__control">
<apex:inputField value="{!con[field.fieldPath]}" required="{!field.dbRequired || field.required}" style="display:none"></apex:inputField>
</div>
</div>
</div>
</apex:repeat>
</div>
</apex:form>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>
<script type="text/javascript" src="{!$Resource.FieldSetUIJS}"></script>
</body>
</html>
</apex:page>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment