when display the popup should block dropdownlist. I close the popup when I enable the dropdownlist

Hi experts, I have 2 web pages: a father and a popup.
The parent page is
1. edit icon (in a grid view)
2. combo (parent page)
When I press the edit icon calls the popup window. The problem is that this popup appears sometimes combo parent page (overlaps)
I am using asp.net, vb.net, vstudio 2005 and ajax.

what comes to mind is:
1. when you display the popup should block dropdownlist
2. I close the popup when I enable the dropdownlist
If you have another idea would be great

code behind
CType(e.Row.FindControl("ibtnEditarCandidato"), ImageButton).Attributes("OnClick") = "javascript:return parent.pAbrir_MdpopupCandidatosFinalistas('M','" + strNroProvision + "','" + strIdFinalista + "');"

javascript
function pAbrir_MdpopupCandidatosFinalistas(pstrAccion,p_INTIDNUMEROSOLICITUD,p_intidfinalistas){
        var ctrllblAccionModal= document.getElementById('ctl00_lblAccionModal');
          var ctrlpnlModal= document.getElementById('ctl00_pnlModal');
          var btnCerrar = document.getElementById('ctl00_btnCerrarModal');
          var strHtml ;
          
          //btnCerrar.style.display='';                 
          
        
            strHtml='<iframe runat="server" id="ifrModal" width="100%" height="230px" frameborder="0"scrolling="auto" marginheight="0" marginwidth="0" ';
         
           ctrllblAccionModal.innerText=">> Candidato Finalista ";
           strHtml=strHtml + 'src="../ModalPopup/frmEditCandidatosFinalistas.aspx?QS_INTIDNUMEROSOLICITUD='+ p_INTIDNUMEROSOLICITUD +'&QS_intidfinalistas='+ p_intidfinalistas +'"></iframe><br />';
           
            document.getElementById('divFrameMasterModal').innerHTML= strHtml ;
            ctrlpnlModal.style.width = "520px";
            ctrlpnlModal.style.height= "290px";
            fNavegadorCombo(true);
            //fCargarLoadModalWBC(ctrlpnlModal);
            $find('ctl00_mdlModal')._xCoordinate = 280
            $find('ctl00_mdlModal')._yCoordinate = 100
            $find('ctl00_mdlModal').show();
       
     }

The datagrid this in an update panel, i attached the file

dropdownlistOVERLAPS.JPG
block-dropdownlistHTMgenerated.txt
enrique_aeoAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
MrunalConnect With a Mentor Commented:
there are two solutions you can use.
One is simply hide dropdown list when you click on edit button.

Another is use update progress control with iframe.
e.g.
<asp:UpdateProgress ID="MainUpdateProgress" runat="server" DisplayAfter="0"
        AssociatedUpdatePanelID="TestUpdatePanel">
        <ProgressTemplate>
            <div>
                <iframe style="height:100%;width:100%;position:absolute;top:0px;left:0px;
                    border-style:none;border-width:0px; overflow:hidden;"></iframe></div>            
        </ProgressTemplate>
    </asp:UpdateProgress>

Hope this solves your problem.
0
 
enrique_aeoAuthor Commented:
You mean replacing the progress you are putting update or create a new one?
0
 
MrunalConnect With a Mentor Commented:
Considering you have taken update panel.
If you have already added updateprogress control then add only iframe tag from my previous post.

If you have not added any updateprogress control then copy above and paste as it is.

What internally happening is it just covers your whole rendered document with iFrame which is responsible for disabling dropdownlist control.

Hope you get what i mean,
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.