I am using AlwaysVisibleControlExtender from AJAXCONTROLTOOLKIT. Below is the code that I am using. I set the panel to always side to Right and appear in the middle. It works perfectly fine on PC browser. However when it comes to smartphone/table (which I tested on my Note 3 and iPad, it is not sticking to the right. Example of image shown below.
<ajaxToolkit:AlwaysVisibleControlExtender ID="pnlTimer_AlwaysVisibleControlExtender" runat="server" TargetControlID="pnlTimer" HorizontalSide="Right" VerticalSide="Middle"> </ajaxToolkit:AlwaysVisibleControlExtender>
As you can see, the timer stick perfectly fine to the most right of the screen, even when I zoom in and out, it still stick there.
As for this, it is taken from my Note 3, the timer float in the middle of the screen. If I pinch zoom in or out, the timer will move around the screen. Or completely away from the screen if zoom too much.
Has anybody experience this before or has any suggestion on how to tackle it? Thanks.