+ Start a Discussion
anitha12anitha12 

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

Hi,

 

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,

Anitha

kritinkritin

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.

 

 

anitha12anitha12

 

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">
       .customPopup{
            background-color: white;
            border-style: solid;
            border-width: 10px;
            border-color: #888888;
            left: 50%;
            padding:10px;
            position: absolute;
            z-index: 9999;
            width: 500px;
            margin-left: -250px;
            top:100px;
        }
    </style>
  <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="{!b.id}"  />
      </apex:commandLink>
      </apex:column>
      </apex:pageBlockTable>
  </apex:pageBlock>
 <apex:outputPanel rendered="{!showPopUp}" styleClass="customPopup">
      Name:<apex:inputField value="{!edit_bulk.name}"/><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}"/>
    </apex:outputPanel>
 
  </apex:form>
</apex:page>

 

Thanks&Regards

Anitha

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;
 }
</script>
.
.
<apex:commandButton value="Open" onclick="openpopup();"/>
.
.
</apex:page>