locked
In the android browser, the keyboard disappears after text box is selected in the web page modal popup on Gingerbread (Motorola ET1 Android 2.3.4) RRS feed

  • Question

  • User-1547299097 posted

    Hi,

    On-screen in the android browser, the keyboard disappears after text box is selected in the web page modal popup on Gingerbread (Motorola ET1 Android 2.3.4). Kindly look at this code and advice.

    <cc1:ModalPopupExtender ID="mpeNotesHistory" BehaviorID="mpeNotesHistory" runat="server"
                                                                                                PopupControlID="pnlNotesHistory" BackgroundCssClass="modalBackground" TargetControlID="btnPopUP">
                                                                                            </cc1:ModalPopupExtender>

    <asp:Panel ID="pnlNotesHistory" runat="server" Style="display: none;" Width="70%">
                                                                                                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                                                                    <tr>
                                                                                                        <td>
                                                                                                            <asp:Panel ID="Panel1" runat="server" CssClass="modalHeader" EnableTheming="false">
                                                                                                                <div class="modalCaption">
                                                                                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                                        <tr>
                                                                                                                            <td width="1%">
                                                                                                                                &nbsp;
                                                                                                                            </td>
                                                                                                                            <td height="20" width="88%" align="left">
                                                                                                                                <asp:Label ID="Label1" runat="server" Text="<%$ Resources:Captions, lblCustomerNotes %>"></asp:Label>
                                                                                                                            </td>
                                                                                                                            <td align="right" width="10px">
                                                                                                                                <asp:UpdateProgress ID="UpdateProgress9" runat="server" DisplayAfter="1">
                                                                                                                                    <ProgressTemplate>
                                                                                                                                        <img alt="Image Missing" id="imgPopupProgress" src="../App_Themes/<%=Page.Theme%>/images/progress_popup.gif">
                                                                                                                                        </img>
                                                                                                                                    </ProgressTemplate>
                                                                                                                                </asp:UpdateProgress>
                                                                                                                            </td>
                                                                                                                            <td align="right" width="1%">
                                                                                                                                <asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/App_Themes/Default/Images/close_icon.gif"
                                                                                                                                    OnClientClick="return hideNotesHistorylookup();" />&nbsp;&nbsp;
                                                                                                                            </td>
                                                                                                                        </tr>
                                                                                                                    </table>
                                                                                                                </div>
                                                                                                            </asp:Panel>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <td align="left">
                                                                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                                <tr>
                                                                                                                    <td align="center" class="modalFrameBody">
                                                                                                                        <asp:TextBox ID="txtNotes" runat="server" Height="75px" TextMode="MultiLine" Width="98%"
                                                                                                                            onbeforepaste="doBeforePaste('1000',event);" onkeyDown="checkTextAreaMaxLength(this,event,'1000');"
                                                                                                                            onpaste="doPaste(this,event,'1000');" Enabled="true"></asp:TextBox>
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                    <td class="modalFrameBody" align="right">
                                                                                                                        <asp:Button ID="btnSaveNotes" runat="server" Text="<%$ Resources:Captions, btnSave %>"
                                                                                                                            OnClick="btnSaveNotes_Click" />
                                                                                                                        <asp:Button ID="btnCancelNotes" runat="server" Text="<%$ Resources:Captions, btnCancel %>"
                                                                                                                            OnClientClick="return hideNotesHistorylookup();" />
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                    <td align="center" class="modalFrameBody">
                                                                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                                            <tr>
                                                                                                                                <td align="left">
                                                                                                                                    <asp:Label ID="lblHist" runat="server" SkinID="LabelBold" Text="<%$ Resources:Captions, lblHistory %>"></asp:Label>
                                                                                                                                </td>
                                                                                                                            </tr>
                                                                                                                            <tr>
                                                                                                                                <td>
                                                                                                                                    <asp:Panel ID="Panel2" runat="server" Width="100%" Height="125px" BorderColor="#7ec0fc"
                                                                                                                                        BorderWidth="1px">
                                                                                                                                        <div id="divNotesHistory" runat="server" style="overflow: auto; height: 120px; color: #404040;
                                                                                                                                            background-color: #fff; font-family: Calibri; font-size: 10pt; width: 100%; text-align: left;" />
                                                                                                                                    </asp:Panel>
                                                                                                                                </td>
                                                                                                                            </tr>
                                                                                                                        </table>
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                            </table>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </table>
                                                                                            </asp:Panel>

    .modalHeader
    {
        background: url(images/popup_header.png);
        height: 19px;
        padding-top: 5px;
    }

    .modalCaption
    {
        vertical-align: middle;
        padding-left: 6px;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        font-family: Tahoma;
    }

    .modalFrameBody
    {
        padding: 15px;
        background-color: #f2f2f2;
    }

    .modalBackground
    {
        background-color: #414141;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    Tuesday, November 27, 2012 3:25 AM

All replies

  • User1943143334 posted

    Hi,

    The default functionality of the Keyboard - It should show, when you point to the textbox! Did you tried the same in other versions i.e., HoneyComb(3.0), ICS(4.0) or Jelly Bean(4.2)?

    You can try those in the emulators and confirm!

    Moreover, AJAX Controls may not work properly! Instead try to create simple popup and check!

    Hope it helps u...

    Monday, December 3, 2012 1:58 AM