webcombo's dropdown | Infragistics Forums

A ultrawebgrid is placed at thebottom of the page which is double clicked by scrolling the page .

Updatepanel is shown whose display is made to none;

here is my aspx code for the update panle which has webcombo in it.

<asp:UpdatePanel ID="UpdatePanelContractPricing" runat="server" >

<tr >

<asp:Label ID="Label15" runat="server" Text="Contract Pricing Editor"></asp:Label>

</td>

</tr>

<tr>

<asp:Label ID="Label10" runat="server" Text="Product Code :"></asp:Label>

</td>

<igcmbo:WebCombo ID="webProductCombo" runat="server" BackColor="White"

BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"

ComboTypeAhead="Suggest" Editable="True" EnableXmlHTTP="True" ForeColor="Black"

HideDropDowns="False"

SelBackColor="DarkBlue" SelForeColor="White" Version="4.00">

<igtbl:UltraGridColumn>

</Header>

</igtbl:UltraGridColumn>

</Columns>

<dropdownlayout AllowSorting="OnClient" bordercollapse="Separate"

rowheightdefault="20px" SortCaseSensitiveDefault="False" version="4.00"

XmlLoadOnDemandType="Accumulative" AutoGenerateColumns= "False" >

<framestyle backcolor="Silver" borderstyle="Ridge" borderwidth="2px"

cursor="Default" font-names="Verdana" font-size="10pt" height="130px"

width="325px">

</framestyle>

<borderdetails colorleft="White" colortop="White" widthleft="1px"

widthtop="1px" />

</HeaderStyle>

<RowStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid"

BorderWidth="1px">

</RowStyle>

</dropdownlayout>

</igcmbo:WebCombo>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

I Show the UpdatePanel by calling the Javascript in aspx.cs

string qstring = "OpenPanel(" + UpdatePanelContractPricing.ClientID + ", '400', '300', '300')";

ScriptManager.RegisterStartupScript(UpdatePanel5, UpdatePanel5.GetType(), "", qstring, true);

and the javascript function is

function CenterLeft(popupWidth) {

var wleft = (screen.width - popupWidth) / 2;

if (wleft < 0) {

w = screen.width;

wleft = 0;

}

return wleft;

}

function CenterTop(popupHeight) {

var wtop = (screen.height - popupHeight) / 2;if (wtop < 0) {

h = screen.height;

wtop = 0;

}

return wtop;

}

function OpenPanel(panelid,width, top, left) {

var panel = $get(panelid.id);

//window.scrollTo(1200, 300);

panel.style.display = "block";panel.style.position = "fixed";

panel.style.top = CenterTop(top);

panel.style.left = CenterLeft(left);

panel.style.width = width;

}

function ClosePanel(panelid) {

var panel = $get(panelid.id);

panel.style.display = "none";

}

Please tell me how to make the dropdownlayout to appear along with webcombo