Intersoft Community - WebCombo - Firefox: Display Problem

Firefox: Display Problem

yudi — Wed, 27 Oct 2010 11:10:43 GMT

Glad to hear that the snippet code helps.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our community site. We would be happy to assist you again.

Firefox: Display Problem

kenny.yung — Wed, 27 Oct 2010 06:17:35 GMT

thanks Yudi

it works!

Firefox: Display Problem

yudi — Tue, 26 Oct 2010 17:57:08 GMT

1/ The ResultBox sometimes shows at the top of the TextBox, sometimes at the bottom
(see FireFoxWebCombo2.PNG )

There is a workaround in order to resolve this issue. We need to set the height and width of the body to 100%, as show in the snippet code below.

<body id="body" runat="server" style="width: 100%; height: 100%">

2/ The ResultBox is not shown in full, this is also true for the Google Chrome
(see FireFoxWebCombo1.PNG )

Please try to add the snippet code for issue #1. The code should solve this issue as well.

Hope this helps.

Firefox: Display Problem

kenny.yung — Mon, 25 Oct 2010 21:52:01 GMT

Yudi,

Thanks for your quick response.

But I think I was asking the wrong, I should have ask for the "ResultBox".

Actually, I have 2 problem faced while using the Firefox to open a page which containing a Webcombo

1/ The ResultBox sometimes shows at the top of the TextBox, sometimes at the bottom

(see FireFoxWebCombo2.PNG )

Coding can be referred to my original box

2/ The ResultBox is not shown in full, this is also true for the Google Chrome

(see FireFoxWebCombo1.PNG )

<body>
    <form id="form1" runat="server">
        <ISWebCombo:WebCombo ID="WebCombo1" runat="server" UseDefaultStyle="True" 
                DataValueField="PortID" DataTextField="PortName"
                DataSourceID="SqlDataSource1" Height="20px" Width="200px" DataMember="">
                <LayoutSettings AlwaysShowAllRowsOnDropdown="True" ComboMode="MultipleColumns" 
                    EntryMode="AutoComplete" RoundCorner="True">
                </LayoutSettings>
                <Columns>
                    <ISWebCombo:WebComboColumn BaseFieldName="PortName" HeaderText="Port Name" Name="PortName" />
                    <ISWebCombo:WebComboColumn BaseFieldName="PortCode" HeaderText="Port Code" Name="PortCode" />
                    <ISWebCombo:WebComboColumn BaseFieldName="CountryCode" HeaderText="Country" Name="Country" />
                </Columns>
    </ISWebCombo:WebCombo>
            <asp:SqlDataSource  .../>
            <br />
            <asp:Button ID="Button1" runat="server" Text="Submit" />

    </form>
</body>

My goal is to display my WebCombo at the bottom of the TextBox and Display fully in IE/FireFox, please help me out.

Many Thanks.

Kenny

Firefox: Display Problem

yudi — Mon, 25 Oct 2010 17:32:06 GMT

The screenshot below shows the user interface elements of WebCombo. The UI elements include:

DropDown arrow [Refer to screenshot A]
Column name [Refer to screenshot B]
WebCombo’s TextBox [Refer to screenshot C]
ResultBox [Refer to screenshot D]
StatusBox [Refer to screenshot E]
Load more data arrow [Refer to screenshot F]
ScrollBar [Refer to screenshot G]
Help icon [Refer to screenshot H]

StatusBoxPosition property specifies the status box position of WebCombo. The default value of this property is Bottom. When the value of this property is set to its default value, Bottom, the position of the status box will be shown as in the image below.

When the value of StatusBoxPosition is set to Top, the position of the statux box will be shown as in the screenshot below.

All of the screenshot images were taken using Firefox 3.6.11 in order to reproduce the issue on my local end, but my efforts were not successful, the StatusBoxPosition is not being ignored in Firefox.

Please let us know your response.

Firefox: Display Problem

kenny.yung — Mon, 25 Oct 2010 03:05:25 GMT

Dear,

I have encountered problem while test a WebCombo in Mozilla/Firefox (ver Mozilla/5.0 Firefox/3.6.11).

The "StatusBox" property seems to be ignored in Firefox, is there any special handing while using the WebCombo in FireFox?

<body>
    <form id="form1" runat="server">
        <div>
         <br />
         <br />
         <br />
         <br />
         <br />
         <br />
         <br />
           <asp:PlaceHolder ID="phdrTest" runat="server" />
        </div>
    </form>
</body>

<!-- Code Behind -->

objCombo = New WebCombo
        objCombo.ID = "wcPort"
        objCombo.UseDefaultStyle = True
        objCombo.DataSource = dstQuery.Tables(0)
        objCombo.DataTextField = "TextValue"
        objCombo.DataValueField = "PortID"
        objCombo.LayoutSettings.ComboMode = Mode.MultipleColumns
        objCombo.LayoutSettings.AlwaysShowAllRowsOnDropdown = True
        objCombo.LayoutSettings.StatusBoxPosition = BoxPosition.Bottom
        objCombo.Columns.Add(New WebComboColumn("PortName"))
        objCombo.Columns.Add(New WebComboColumn("PortCode"))
        objCombo.Columns.Add(New WebComboColumn("CountryCode"))
        objCombo.DataBind()

        HolderControlID.Controls.Add(objCombo)

Thanks.

Kenny