I've made a simple page as a Sign In form to test mobile devices access.
Live test is at:
http://jsbin.com/inumud/1/
outside jsbin:
http://balexandre.com/gk2
If you try to open that URL from a mobile device, there is no way one can get into the account and password forms.
I'm using a very simple form using Twitter Bootstrap (v.2.0.4) and works fine in any desktop, but why can't I access the form input's from a mobile device?
(iPhone does not get into the form, Android does not bring keyboard up)
What do I have to do more just to make it work on a mobile device without redo the hole site in a Mobile framework?
I'm keep trying and trying, but no success so far and it's been several days now, I'm probably miss-seeing something simple and I hope the community could help clear my eyes :)
found the "bugger"
it's the Modal that is on top and block access to everything else in back... adding hide to the modal class solves the problem.
Related
I am helping a client add a form to a cargo collective site. The form is to collect emails for a subscription list. For desktop I added to the footer, but on mobile it needs to be added to each page individually due to how cargo developer sites work.
When I dropped the form code into the page to test, it showed up on desktop (I was going to just set the div not to show on desktop in CSS), but on mobile all of the input boxes disappear as well as the submit button. The labels are still visible. I tried deleting all of my custom CSS and dropping in a blank form to see if it was my code, and the boxes still do not show up on mobile for any browser.
Is there a reason for this? Is this just a cargo issue or is there a solve for this?
I'm trying to develop an adaptive card layout which can be integrated in web application.
I have developed the entire layout but the action event for opening URL(Action.OpenUrl) is not working.
Other actions such as Action.ToggleVisibility is working fine.
Here is a code pen for the same.
What I have noticed is, an alert is being triggered on the adaptive cards website/adaptive card designer for these tutorials but redirection is not working even on that website.
please let me know if I'm have to do something else to make the url open in new window.
I recently added a continue with facebook button to my webapp using https://developers.facebook.com/docs/facebook-login/web/login-button to provide button code. I've noticed that this button is not dynamic in size and looks horrible on mobile devices - can anyone point me in the direction of a fix to make it more mobile friendly. I'm using the large button, i.e.
<div class="fb-login-button" data-width="" data-size="large" data-button-type="continue_with"
data-auto-logout-link="false" data-use-continue-as="false"></div>
Any help is appreciated.
My answer was to use my own button and control it's action using JS.
and then on button click, make the call.
FB.login(function(response){
// Do what you want here
});
My Samsung Galaxy Duos phone has a small pull out tab on the left edge which basically pulls out a panel for quick access to Gmail, FB etc (as seen in the picture attached). I would like to do the same for my android app's navigation drawer. I tried to look it up on google and do some reading. However, I didn't get much success. Is it even possible to customize this in Android. Any help is much appreciated.
Use this. Just on each item in ListView put action to start new Activity via Intent. Other things are pure cosmetic.
Im creating an app (rather big one) with Worklight. When im testing the app in an android phone and press the backbutton it closes the app.. now i want it to go back one page. Right now the page navigation is with dojox mobile implemented system. this way:
<button data-dojo-type="dojox.mobile.ToolBarButton" data-dojo-props="transition:'fade',dir:'1',moveTo:'Contact'" class="buttonHem" style="color:black; font-size:1em;">Kontakta Oss</button>
is there a way to use the android backbutton without having to redo everything?
we have deadline in 2 weeks so there is really no time to redo the app with jquery mobile..
Answers will be appreciated.
If you're talking about a hardware Android back button you have a WL API to override it's behaviour.
WL.App.overrideBackButton(function() { doSomething });
and WL.App.resetBackButton();
The back button functionality should work in Dojo Mobile. Looking at the documentation for ToolBarButton I think what you need to do is use a # in front of your next view for the moveTo attribute. In your example it would be moveTo:'#Contact' Take a look at the moveTo attribute in the doc below for more info.
http://dojotoolkit.org/reference-guide/1.8/dojox/mobile/ToolBarButton.html