Languages

Menu
Sites
Language
How to display textbox(Input type text) in ui-page-indicator in wearable web application?

I am developing wearable web tizen application with ui-page-indicator component. I am trying to use textbox inside ui-page-indicator section. It is displaying the textbox properly, but when I click on that textbox keyboard appear on screen but UI get scattered and application not moving forward.

Code snippet is as follows:

<div id="pageIndicatorCirclePage" class="ui-page" data-enable-page-scroll="false">
    <link rel="stylesheet"  href="sectionchanger.css">
        <div id="pageIndicator" class="ui-page-indicator" data-layout="circular"></div>
        <div id="hsectionchanger" class="ui-content">
            <div>                
                <section style="text-align:center">
                    <h3> User Name</h3>
                    <input type="text" name="username" />
                </section>
                <section style="text-align:center">
                    <h3> Password </h3>
                     <input type="password" name="password" />
                </section>
            </div>
        </div>
</div>        

 

How can I use textbox so that UI will not scatter?

Edited by: Sandip Patil on 19 Jun, 2016
List

Responses

1 Replies
Yasin Ali

Hi~,
I tried a simple app with your code on updated IDE & SDK. It worked fine.
I gave input from emulator keyboard, not from computer keyboard. 
Giving computer keyboard input may freeze your app.

Hope your problem will fix soon.