Intersoft Community - WebGrid Enterprise - WebComboBox Text is not displaying on Edit mode

WebComboBox Text is not displaying on Edit mode

yudi — Sun, 09 Mar 2014 22:04:46 GMT

<%@ Page Language="VB" AutoEventWireup="true"    CodeFile="IntersoftWebForm.aspx.vb"
    Inherits="IntersoftWebForm" %>
<%@ Register Assembly="ISNet.WebUI.WebCombo"
    Namespace="ISNet.WebUI.WebCombo"
    TagPrefix="ISWebCombo" %>
<!DOCTYPE HTML>
<html>
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        html, body, form
        {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <br />
            <br />
            <br />
            <br />
            <ISWebCombo:WebCombo ID="WebCombo1" runat="server"
                UseDefaultStyle="true" RenderingMode="HTML5">
                <LayoutSettings AlwaysShowAllRowsOnDropdown="true"
                    AlwaysShowHelpButton="false">
                </LayoutSettings>
            </ISWebCombo:WebCombo>
        </div>
    </form>
</body>
</html>

I open the above code in IE11; using developer tools to emulate the IE 10 browser; and get following result.

Please let me know whether the code helps or not.

WebComboBox Text is not displaying on Edit mode

chandradev — Thu, 06 Mar 2014 10:05:00 GMT

Hi

Thank for sending reply. I had fixed that issue force fully by Javascript.

But while testing WebCombo control in bank page then i m getting output like this IE 10 as below attached image file.

but it is comming fine in Firefox. Could you tell me, what is the fix for that issue.\

My code is like this

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="IntersoftWebForm.aspx.vb"    Inherits="IntersoftWebForm" %><%@ Register Assembly="ISNet.WebUI.WebCombo" Namespace="ISNet.WebUI.WebCombo" TagPrefix="ISWebCombo" %>
<!DOCTYPE HTML5 >
<html>
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <br />
    <br />
    <br />
    <br />
        <ISWebCombo:WebCombo ID="WebCombo1" runat="server" UseDefaultStyle="true">
            <LayoutSettings AlwaysShowAllRowsOnDropdown="true" AlwaysShowHelpButton="false">
            </LayoutSettings>
        </ISWebCombo:WebCombo>
    </div>
    </form>
</body>
</html>

Please check the op in IE 10.

WebComboBox Text is not displaying on Edit mode

yudi — Wed, 05 Mar 2014 22:09:51 GMT

I tried to reproduce the problem in my local tests by creating a simple page with WebCombo inside ASP.NET MultiView control but my efforts were not successful -- everything worked smoothly and the WebCombo’s textbox was accessed without any issues.

I am willing to advise you further but in order to do so I would need you to elaborate on your specific scenario and possibly give me a sample and step-by-step guide that I can use to observe the problematic behavior.

For your reference, I have uploaded my simple sample in here.

WebComboBox Text is not displaying on Edit mode

chandradev — Wed, 05 Mar 2014 07:12:44 GMT

There is webcomboBox like this

<ISWebCombo:WebCombo ID="cboEventType" runat="server" Width="150px" UseDefaultStyle="true">
                        <LayoutSettings   AlwaysShowColumnHeaders="true" 
                            AlwaysShowAllRowsOnDropdown="true" 
                            AlwaysShowHelpButton="false" >
                            <ClientSideEvents OnAfterItemSelected = "OnValChanged" OnError="alert('error');" />                            
                        </LayoutSettings>
                        </ISWebCombo:WebCombo>

There are 2 panel one for view mode and other for edit mode. After clicking on edit mode, whatever value are there in label that should be display in combobox.

At runtime after clicking on edit button, That textbox is not displaying. It was working fine with old version of control.

on browser control is rendering like this

<div class="ctl00placeHoldercboEventType-LayoutSettings-DropDownStyle-Normal" id="ctl00_placeHolder_cboEventType_search" style="width: 15px; text-align: center; overflow: hidden; float: right;" hidefocus="hidefocus"/>

After removing this

ctl00placeHoldercboEventType-LayoutSettings-DropDownStyle-Normal

css it is working fine.
This error is coming only after upgrading to latest version control. This css class is gererating dynamically at runtime. Could you tell me what is the fix for this issue ?