Skip to content

Instantly share code, notes, and snippets.

@atulgupta31
atulgupta31 / Trailhead_SLDS_Basic
Last active March 11, 2016 21:58
Trailhead_SLDS_Basic
<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>
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() {
<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"/>
<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>
<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>
@atulgupta31
atulgupta31 / vf_outputPanel
Last active November 22, 2015 20:58
atul
<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>
public class vfc_outputlabel {
public boolean inputValue{get; set;}
public vfc_outputlabel(){
inputValue = true;
}
}
<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>
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));