This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0"> | |
<html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
<head> | |
<title>Salesforce Lightning Design System Trailhead Module</title> | |
<!-- Make sure to update the Static Resource Name as per the static resource's name in your org --> | |
<apex:stylesheet value="{!URLFOR($Resource.REPLACE_WITH_NAME_OF_SLDS_STATIC_RESOURCE, 'assets/styles/salesforce-lightning-design-system-vf.css')}" /> | |
</head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public class vfc_radarSeries { | |
public List<Map<Object,Object>> data = new List<Map<Object,Object>>(); | |
public String acctId {get;set;} | |
public vfc_radarSeries(){ | |
acctId = '0019000000NcZv3'; | |
} | |
public List<Map<Object,Object>> getData() { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page controller="vfc_radarSeries" > | |
<style> | |
#vfext4-ext-gen1026 { | |
width:800px !important; | |
} | |
</style> | |
<apex:chart name="myChart" height="600" width="650" legend="false" data="{!data}"> | |
<apex:legend position="left" /> | |
<apex:axis type="Radial" position="radial"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page> | |
<apex:panelGrid columns="3" id="theGrid" border="1"> | |
<apex:outputText value="First" id="theFirst"/> | |
<apex:outputText value="Second" id="theSecond"/> | |
<apex:panelGroup id="theGroup"> | |
<apex:outputText value="Third" id="theThird"/> | |
<apex:outputText value="Fourth" id="theFourth"/> | |
</apex:panelGroup> | |
</apex:panelGrid> | |
</apex:page> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page> | |
<apex:panelGrid columns="3" id="theGrid" border="1"> | |
<apex:outputText value="First" id="theFirst"/> | |
<apex:outputText value="Second" id="theSecond"/> | |
<apex:outputText value="Third" id="theThird"/> | |
<apex:outputText value="Fourth" id="theFourth"/> | |
</apex:panelGrid> | |
</apex:page> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page showHeader="false" sidebar="false"> | |
<script> | |
function alertbox(){ | |
alert("You clicked on Panel !!"); | |
} | |
</script> | |
<!-- Spans do not add any additional formatting to the body of the outputPanel. --> | |
<apex:outputPanel id="thePanel" onclick="alertbox();">Click Me !!</apex:outputPanel> | |
</apex:page> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page > | |
<apex:pageBlock> | |
<apex:outputLink value="https://www.salesforce.com" id="theLink" target="_blank">www.salesforce.com</apex:outputLink> | |
</apex:pageBlock> | |
</apex:page> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public class vfc_outputlabel { | |
public boolean inputValue{get; set;} | |
public vfc_outputlabel(){ | |
inputValue = true; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page controller="vfc_outputlabel" sidebar="false" showHeader="false"> | |
<apex:form > | |
<apex:pageBlock title="Input Checkbox Example"> | |
<apex:outputLabel value="Checkbox" for="theCheckbox"/> | |
<apex:inputCheckbox value="{!inputValue}" id="theCheckbox"/> | |
</apex:pageBlock> | |
</apex:form> | |
</apex:page> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public with sharing class vfc_lineSeries { | |
public vfc_lineSeries(){ | |
} | |
public List<Data> getData(){ | |
List<Data> data = new List<Data>(); | |
data.add(new Data('Jan', 30, 90, 55)); |