Intersoft Community - WebCombo - IE11: WebCombo DropDown position

IE11: WebCombo DropDown position

cebinger@axongmbh.de — Thu, 17 Apr 2014 05:21:04 GMT

Hello Bernard,

thank you very much. After I set it for each Combo it works fine. doctype and renderingmode were already set. Yippie :)

regards

IE11: WebCombo DropDown position

bernardx — Wed, 16 Apr 2014 02:41:47 GMT

Hi Adelhard,

Have you put height for each element above WebCombo tag? WebCombo will preserve its Resultbox to appear below WebCombo if your page still have area below WebCombo (WebCombo doesn't appear on below of your page). You can download my sample here. In my sample I put this style so html, body and form tag have 100% height which is default behavior in IE9 and earlier.

<style type="text/css">
    html, body, form
    {
        height: 100%;
        margin: 0px;
        padding: 0px;
        width: 100%;    
    }
</style>

Please also use RenderingMode HTML5 and doctype HTML5 when using WebCombo in IE11 and IE10. This is necessary because IE10 and IE11 used HTML5 doctype as standard doctype for its rendering. Hope this helps.

Regards,
Bernard

IE11: WebCombo DropDown position

cebinger@axongmbh.de — Tue, 15 Apr 2014 04:30:16 GMT

Hello Yudi,

thanks for your support but that didn't work out well. The DropDown-Menu still show above the ComboBox. It's like your code snippet.

The funny thing here is that I've another Combo where the DropDown works as expected. I've tested it with older Browser Versions of Internet Explorer (9, 10) and there aren't those problems.

Is there anything else I could do here?

regards

IE11: WebCombo DropDown position

yudi — Sun, 13 Apr 2014 22:38:59 GMT

You can try to set the height on the container of the WebCombo such as shown in the following snippet code.

<%@ Page Language="C#" AutoEventWireup="true"    CodeFile="BindToAccessDataSource.aspx.cs"
    Inherits="yudi_BindToAccessDataSource" %>
<%@ Register Assembly="ISNet.WebUI.WebCombo"
    Namespace="ISNet.WebUI.WebCombo" TagPrefix="ISWebCombo" %>
<!doctype html>
<html>
<head runat="server">
    <title></title>
    <style>
        html, body, form
        {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div style="height: 100%;">
            <ISWebCombo:WebCombo ID="WebCombo1" runat="server"
                DataSourceID="AccessDataSource1" UseDefaultStyle="True"
                DataTextField="ContactName" DataValueField="CustomerID"
                Height="20px" Width="200px" RenderingMode="HTML5">
            </ISWebCombo:WebCombo>
            <asp:AccessDataSource ID="AccessDataSource1" runat="server"
                DataFile="~/App_Data/Northwind.mdb"
                SelectCommand="SELECT * FROM [Customers]">
            </asp:AccessDataSource>
        </div>
    </form>
</body>
</html>

Hope this helps.

IE11: WebCombo DropDown position

cebinger@axongmbh.de — Fri, 11 Apr 2014 04:08:44 GMT

Hello there,

is there a way to display the dropdown menu from webcombo on the bottom of the control?

In my case it is only displayed on top when I'm using IE 11 and it kinda sucks.

regards