Intersoft Solutions - Community - WebCombo - IE11: WebCombo DropDown position

Create New

New Discussion
New Question
New Product Feedback

Post Reply

Adelhard TuerlingMember

Posted: April 11, 2014 4:08 AM

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

1 attachment

Unbenannt.PNG

Quick Reply

Quote

All Replies

Yudi Member

Posted: April 13, 2014 10:38 PM in response to Adelhard Tuerling

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.

Quick Reply

Quote

Adelhard TuerlingMember

Posted: April 15, 2014 4:30 AM in response to Yudi

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

Quick Reply

Quote

Bernard XiangMember

Posted: April 16, 2014 2:41 AM in response to Adelhard Tuerling

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

Quick Reply

Quote

Adelhard TuerlingMember

Posted: April 17, 2014 5:21 AM in response to Bernard Xiang

Hello Bernard,

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

regards

Quick Reply

Quote