function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

how to make the table as blur after displaying the popup window



Actually I am displaying some records in visual force page and i am taken command link for name field. If we click on any one of name that would be displyed with the records in editable mode in popup window. After displaying the popup window previous records table should become blur. if we edit that records in popup window after click on saved, popup window would be closed and previous table should be in active mode.. please any one help me how to display the records in popup window with editable mode and how make the previous table blur.   



thank you,



Hi Anitha,


Use showModalDialog option of javascript...that will open a popup window..and user can not reach to parent window unless until he close the window.





Hi Kritin
we used this code for getting the popupwindow.but the parent form is not in disablemode while the popup window is in enable mode.Would you please tell me where should i use that showmodeldialogue javascript code

<apex:page controller="popuponbulk" sidebar="false" showHeader="false">
<style type="text/css">
            background-color: white;
            border-style: solid;
            border-width: 10px;
            border-color: #888888;
            left: 50%;
            position: absolute;
            z-index: 9999;
            width: 500px;
            margin-left: -250px;
  <apex:form >
  <apex:pageBlock onclick="Blur_Me();">
 <apex:pageBlockTable value="{!details}" var="b">
 <apex:column headerValue="Name">
      <apex:commandLink value="{!b.Name}" action="{!editbulk}">
      <apex:param name="p" value="{!}"  />
 <apex:outputPanel rendered="{!showPopUp}" styleClass="customPopup">
      Name:<apex:inputField value="{!}"/><br/>
    FirstName:<apex:inputfield value="{!edit_bulk.firstname__c}"/><br/>
    Email: <apex:inputfield value="{!edit_bulk.email__c}"/><br/>
    Phone:<apex:inputfield value="{!edit_bulk.phone__c}"/><br/>
    <apex:commandButton value="Update" action="{!updatebulk}"/>
    <apex:commandButton value="Cancel" action="{!cancel}"/>




Naidu PothiniNaidu Pothini


<apex:page controller="---your controller--">

<script >
 function openPopup()
  var url="---url---";
  window.showModalDialog(url, 'Popup','height=500,width=600,resizable=no, scrollbars=yes, toolbar=no, status=no'); 
  return false;
<apex:commandButton value="Open" onclick="openpopup();"/>