Tag Archives: Visualforce Page

Disable Copy and Paste in Visualforce Page

Visualforce Page:

<apex:page standardcontroller="Contact">
        function DisableCtrlKey(e){
            var code = (document.all) ? event.keyCode:e.which;
            if (parseInt(code)==17){
                alert("Please re-type your email address");           
        <apex:pageblock title="Create Contact">
                <apex:commandbutton value="Save" action="{!save}"/>
            <apex:pageblocksection columns="1">
                <apex:inputfield value="{!Contact.Firstname}"/>
                <apex:inputfield value="{!Contact.LastName}"/>
                <apex:inputfield value="{!Contact.Email}"/>
                <apex:inputtext value="{!Contact.Email}" label="Re-Type Email Id" onkeydown="DisableCtrlKey(event)"/>              
                <apex:inputfield value="{!Contact.Phone}"/>              


Passing Variables from Apex to JavaScript

Sometimes we need to pass variables from apex to javascript. Here is an example to pass variables from apex to javascript. In below example I’m invoking one apex method using action function. In the apex method I’m defining the apex variable value. On complete of action function I’m invoking one javascript method and using the apex variable in the javascript method.

Visualforce Page:

<apex:page controller="SampleController">  
        <apex:outputPanel id="jspanel"> 
            function onCompleteMethod() {
        <apex:actionFunction name="afHelloWorld" action="{!HelloWorld}" rerender="jspanel"/>
        <apex:commandButton onclick="afHelloWorld();" oncomplete="onCompleteMethod()" value="Click me"/>

Apex Class:

public class SampleController {
    public String message {get;set;}
    public pageReference HelloWorld() {
        message = 'Hello World!!';
        return null;

Display Standard Salesforce Help Text on Visualforce Page

        .vfHelpText a            {position:relative;}
        .vfHelpText a span       {display: none;}
        .vfHelpText a:hover span {display: block;
        padding:2px 5px;
        left:-15em; width:15em;
        border:1px solid orange;
        .helpOrb {
        background-image: url(/img/help/helpOrbs.gif);
        background-position: 0 0;
        width: 20px;
        height: 15px;
        .helpButtonon .helpOrb {
        background-position: top right;
        .helpButton .helpOrb {
        background-position: top left;
    <span class="vfHelpText">
        <apex:outputLink value="javascript:return false;">
            <img src="/s.gif" alt="" class="helpOrb" />
            <!--s.gif image is standard image no need to upload anywhere-->

Salesforce SOSL Example

  • SOSL (Salesforce Object Search Language) is a search language in Salesforce, we can search in multiple objects at same time using SOSL. In SOQL, we can query only one object at a time but in SOSL, We can search for some specified string in multiple objects at the same time.
  • SOSL query begins with the required FIND clause.
  • The search string should be at least two characters long.
  • SOSL is used if we don’t know in which object the data is present.
  • We can mention in which fields of all the sObjects,we want to search for the string specified. Suppose you have to performed search on two objects Account & Contact. Then you can mention like, for list returned with Account results only (Name, Industry) fields should be returned, and for Contacts results (firstName, lastName) should be returned.
  • We can retrieve multiple objects and field values efficiently when the objects may or may not be related to each other.
  • We can query only on fields whose data type is text, phone and Email.
  • The result of SOSL is a list of lists of sObjects.
    The returned result contains the list of sObjects in the same order as order mentioned in SOSL query.
  • If a SOSL query does not return any records for a specified sObject type, then search results include an empty List for that sObject.
  • We can use SOSL in classes but not in Triggers.
  • We cannot perform DML operation on search result of SOSL.

Here in below example, there is a input text box and a command button which will search for the entered string in two Objects Accounts and Contacts and returned result will be shown in the page block tables.

Visualforce Page:

<apex:page controller="SampleController">
        <apex:inputText value="{!searchStr}"/>
        <apex:commandButton value="Get Records Using SOSL" action="{!Search}"/>
        <apex:pageBlock title="Accounts">
            <apex:pageblockTable value="{!accList }" var="acc">
                <apex:column value="{!acc.name}"/>
                <apex:column value="{!acc.Type}"/>
        <apex:pageBlock title="Contacts">
            <apex:pageblockTable value="{!conList}" var="con">
                <apex:column value="{!con.name}"/>
                <apex:column value="{!con.email}"/>

Apex Controller:

public class SampleController {
    Public List<Contact> conList {get; set;}
    Public List<Account> accList {get; set;}
    Public String searchStr {get; set;}
    Public void Search(){
        conList = New List<contact>();
        accList = New List<account>();
        List<List <sObject>> searchList = [FIND :searchStr IN ALL FIELDS RETURNING  Account (Id,Name,Type), Contact(Name,Email)];
        accList = ((List<account>)searchList[0]);
        conList  = ((List<contact>)searchList[1]);


Relationships Object Records in Visualforce Page

We can have a requirement to show master object record and the respective child records in a Visualforce Page. So, for that we don’t have to write code to retrieve child object record. We can show the child records without query it.

Here is an example I’m rendering a Visualforce Page as “pdf” with Account information and the respective contact records information.

Visualforce Page:

<apex:page standardController="Account" showHeader="false" renderAs="pdf">
    <b>Name:</b> {!Account.Name}<br/>
    <b>Account Number:</b> {!Account.AccountNumber}<br/>
    <b>Type:</b> {!Account.Type}<br/>
    <b>Industry:</b> {!Account.Industry}<br/>
    <b>Phone:</b> {!Account.Phone}<br/>
    <table width="100%" cellpadding="2" cellspacing="2">
            <td><b>First Name</b></td>
            <td><b>Last Name</b></td>
        <apex:repeat value="{!Account.Contacts}" var="con">