Languages

Menu
Sites
Language
How to arrange the button on the screen at any pixel

Hi,

I am developing an TIZEN web application and i want to arrange button at particular pixex of screen.How can i do this in HTML5.I try it with HTML5 canvas but it not proper.I want to arrange the button at pparticular position of window how can i do this.

Please help me as soon as possible.

 

 

Thanks and regards

Mohit Kumar

 

Edited by: mohit kumar on 02 Jul, 2015
List

Responses

11 Replies
AVSukhov

Hello,

Could you please provide more requirenments?

Marco Buettner

Like I wrote in other threads learn the basics of javascript, html and css :>

Sometimes it feels like you wanna get the whole app develop by us and you earn the honour :)

mohit kumar

Hi,

thank you

 

thanks and regards

mohit kumar
 

mohit kumar

hi,

I never want to do like that.I am new Developer so i ask you.I have resolved the problem which i have.

 

 

thanks and regards

Mohit Kumar

 

 

 

mohit kumar

Hi,

I have developed an application in which when i type the text in text field then emulator keyboard apper and all the element of the screen move upward.How to resolve this.

 

 

 

please help me

 

thanks and regards

Mohit Kumar

AVSukhov

Hello,

This is not issue.

If your input element placed under keyboard after open, WRT move it upward. so the user can see what he introduces.

But you can try to use position - fixed.

mohit kumar

Hi,

I have tried this position-fixed but it not work,please help me.

 

 

thanks and regards

Mohit Kumar

Palitsyna

Hello,

It is standard behaviour of input field. As far as I know, in Web Applications Virtual Keyboard associated with "input" or "textarea" tags and should be shown on focus event. It also scrolls elements up in order not to cover focused input field.

 

Regards,

Svetlana Palitsyna

Seoghyun Kang

Hello,

 

It is a little ambiguous questions.

When I watched your comment,  I think you want to add the button to the canvas. Is it right?

 

I know that it is impossible.

 

But you can position your button absolutely so that your button is "floating" over the canvas instead of the "inside".

You need to use the "z-index" for the floating.

 

Please refer the following code.

<canvas style="z-index:1"></canvas>

<input type="button" style="z-index:2; position:absolute; top:pos_x; left:pos_y" />

 

 

If you upload your code, I will check it.

Thanks

 

 

AVSukhov

Hello,

just fyi, topic about CSS Position Property:

http://www.expression-web-tutorial.com/CSS_Positioning_Properties.html

Palitsyna

Hello,

you can also read about CSS position Property here:

http://www.w3schools.com/css/css_positioning.asp

Also there are examples representing each case, and a kind of "sandbox" where you can modify something and see, what happens.