• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 459
  • Last Modified:

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
0
enrique_aeo
Asked:
enrique_aeo
  • 2
2 Solutions
 
MrunalCommented:
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
 
MrunalCommented:
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.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now