Open Pop up window as a visualforce on Click on Custom Button

Requirement:  Create a Custom Button on detail page, when user click on this a visualforce page will open as like popup.

 Solution : 

 Note: Create a visualforce Page

 Step 1 : Download the zip file from given below link

 https://docs.google.com/uc?export=download&id=0B36Q9KSdCf-6N0wtV2tUUDRCTmM

 Step 2 : upload this file in static resource 

 Static resource Name:  jQueryForPopup.

 Step  3: Create a custom button, behaviour (Execute JavaScript)
Java script code for  custom button:

 {!REQUIRESCRIPT('/soap/ajax/26.0/connection.js')}
{!REQUIRESCRIPT('/js/functions.js')}
{!REQUIRESCRIPT('/resource/jQueryForPopup/jQuery/jquery-1.8.2.min.js')}
{!REQUIRESCRIPT('/resource/jQueryForPopup/jQuery/ui/jquery-ui-1.9.1.custom.min.js')}
{!REQUIRESCRIPT('/resource/jQueryForPopup/jQuery/postmessage/jquery.ba-postmessage.js')}
{!REQUIRESCRIPT('/resource/jQueryForPopup/jQuery/bbq/jquery.ba-bbq.min.js')}
requireCssFile('/resource/jQueryForPopup/jQuery/ui/css/ui-lightness/jquery-ui-1.9.1.custom.min.css');
function requireCssFile(filename)
{
var fileref = document.createElement('link');
fileref.setAttribute('rel', 'stylesheet');
fileref.setAttribute('type', 'text/css');
fileref.setAttribute('href', filename);
document.getElementsByTagName('head')[0].appendChild(fileref);
}
var j$ = jQuery.noConflict();
var iframe_url = '{!URLFOR("/apex/VisualForcePageName")}';
var child_domain = iframe_url.substring(0, iframe_url.indexOf('/', 9));
var parent_domain = window.location.protocol + '//' + window.location.host;
var j$modalDialog = j$('<div id="opppopup"></div>')
.html('<iframe id="iframeContentId" src="' + iframe_url + '" frameborder="0" height="100%" width="100%" marginheight="0" marginwidth="0" scrolling="no" />')
.dialog({
autoOpen: false,
title: 'My Visualforce Page',
resizable: true,
width: 900,
height: 400,
autoResize: true,
modal: true,
draggable: true
});

 j$modalDialog.dialog('open');
Step 4: Go on Detail page edit layout drag the custom button on Detail page then click on button

 your visualforce page will open as like popup.

 Thanks
Sumit Shukla
sumitshukla.mca@gmail.com
skype id : shuklasumit1

Comments

Post a Comment

Popular Post

Dynamic SOQL based on Sobject Name and Where Clause

 public class DynamicSOQLUtil {     // Returns a dynamic SOQL statement for the whole object, based on object name and where clause as a dynamic     public static string getCreatableDynamicFieldsSOQL(String objectName, String whereClause){                  String selects = '';         // Check whereclause if null then return null         if (whereClause == null || whereClause == ''){ return null; }                  // Get a map of field name and sobject field         Map<String, Schema.SObjectField> objFieldMap = Schema.getGlobalDescribe().get(objectName.toLowerCase()).getDescribe().Fields.getMap();         list<string> selectFields = new list<string>();                  if (objFieldMap != null){           ...
Read more

Copy Billing Address to Shipping Address on VF Page Using JavaScript

Image
Class Code public class CopyAddressFromBillToShip{     public String BCountry { get; set; }     public String BZip { get; set; }     public String BState { get; set; }     public String BCity { get; set; }     public String BStreet { get; set; }     public String SCountry { get; set; }     public string SZip { get; set; }     public String SState { get; set; }     public String SCity { get; set; }     public String SStreet { get; set; } } Page Code <apex:page controller="CopyAddressFromBillToShip" >    <apex:form id="myform">     <script type="text/javascript">         function addressCopy(bstreet1, bcity1, bstate1, bPostalCode1, bcountry1, sstreet1, scity1, sstate1, SPostalCode1, scountry1) {     document.getElementById(sstreet1).value = document.getElementById(bstreet1).value;   ...
Read more

Get list of Key Prefix of Sobject in Salesforce

Image
Requirement:  Show the list of Key Prefix of Sobject in salesforce Solution: Class Code: public class populateObjectsAndKeyPrefixController {      public List<Schema.SObjectType> lstofSType {get;set;}       public List<SObjectInfo> lstofSobject {get;set;}           public class SObjectInfo {         public String prefix {get;set;}         public String name {get;set;}     }        public gettingObjectsAndKeyPrefix(){                        lstofSType  = Schema.getGlobalDescribe().Values();         lstofSobject = new List<SObjectInfo>();         for(Schema.SObjectType f : lstofSType )         {             SObjectInfo sobjectinfo = new SObjectInfo();   ...
Read more