+ Start a Discussion
P KP K 

Position of Pop up message box is changing at every page

Position of Pop up message box is changing at every page.It should be come in same fashion. It's working fine only for Home page.
..

<apex:component controller="CommunityNavFooterController" allowDML="true">
      <!--script-->
      <style type="text/css">
          .popup
        {
            background-color: white;
                    
            z-index: 9999;
            left: 50%;
            padding:40px;
            position: auto;
            width: 500px;
            height:240px;
            border-radius:15px;
            border-width:2px;
            margin-left: -300px;
            top:650px;
        }

        .popupBg
        {
            background-color:black;
            opacity: 0.20;
            filter: alpha(opacity = 90);
            position: auto;
            width: 100%;
            height: 100%;
            top: 650px;
            left: 0;
            z-index: 9998;
        }
    </style>

......

<div class="ftr-box-left one-half palm--one-whole lap--one-whole">
                <div class="ftr-links">
               <!-- <a href="/apex/CommunityFeedbackForm" style="color: #FFFFFF" target="popup" onclick='window.open("/apex/CommunityFeedbackForm", "MsgWindow","width=370, height=270")'>
                Submit Feedback
                </a>-->
               
                <apex:form id="feed">
                <center>
                    <apex:outputPanel id="popup">
                        <apex:outputPanel styleClass="popupBg" layout="block" rendered="{!Hide}"/>
                       
                        <apex:outputPanel styleClass="popup" layout="block" rendered="{!Hide}">
                          <apex:actionRegion >
                              <apex:outputLabel style="margin-left:-74%">Submit Feedback</apex:outputLabel><br/>
                              <apex:actionFunction name="testfeedback" reRender="enablebtn"/>
                              <apex:inputTextarea value="{!Feedback}" onkeyup="testfeedback()" style="width:500px;Height:200px;resize:none"/> 
                          </apex:actionRegion>
                          <br/><br/>
                         <center>
praveen murugesanpraveen murugesan
Hi dude,

Try with  this,
<style type="text/css">
        .popup{
            background-color: white;
            border-width: 2px;
            border-style: solid;
            z-index: 9999;
            left: 50%;
            padding:10px;
            position: absolute;
            /* These are the 3 css properties you will need to change so the popup
            displays in the center of the screen. First set the width. Then set
            margin-left to negative half of what the width is. You can add
            the height property for a fixed size pop up if you want.*/
            width: 500px;
            margin-left: -250px;
            top:100px;
        }
        .popupBg{
            background-color:black;
            opacity: 0.20;
            filter: alpha(opacity = 20);
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 9998;
        }

    </style>
refer this http://www.salesforcegeneral.com/salesforce-modal-dialog-box/

Mark this as best answer if its helps.

Thanks

Praveen Murugesan.
praveen murugesanpraveen murugesan
Hi Bro,

Is that helps you.. Did you got a solution??

Thanks.

Praveen Murugesan