I have a PWA which is developed in Ionic 3. Now it's working fine on mobile and tablets perfectly and desktop browser as well.
Now my query is when I run it on desktop browser it shows on full screen. So instead of showing full screen I need to show as mobile app i.e. center of the screen.
I can give link button on that page if user want to continue with desktop site.
example site for your ref. : https://infinity.icicibank.com/corp/AuthenticationController;jsessionid=0000BP6Q_9NOSldGNL-ae82llVM:R422963ue?bwayparam=N15frMp4TsS%2B1fi64yNCsA%3D%3D
it's shows in center of page in desktop browser and option with desktop browser.
How can I achieve this?
I tried to do with CSS media query but it fails because if request is coming from desktop browser then it show's site in full screen.
Do you want to show your app in your mobile browser as like it's on the downloaded app or would you like to show it on your desktop as like it's the app?
Your reference example is not available in the moment.
If I understood you right you have to work with #ionic/angular Platform so you can choose if you are on mobile or not and then choose which css to pick.
Related
I am interested in developing an app for Facebook, however, I am quite bothered by the sidebar on the right side of the screen. Is there a way to disable it so that users of my app won't see it? I have attached a pic to explain exactly which sidebar I am referring to:
Click here
If you're hosting your app on facebook.com (apps.facebook.com/something) then you don't get to control the entire browser window, just the iframe which contains your app.
If you need full control of the browser, host your app off-facebook.
Quick question. I've created a number of iframe apps for Facebook which work fine on PC, Mac etc. But not on mobile devices. The icon just doesn't show when you visit the page. I assumed this was because I'd not defined a mobile site URL. I've now done this, but I'm still not seeing an icon. Am I missing the point?
Thanks.
what icon do you mean? if you defined your mobile site url correctly, your app shows up in the search field. if you're talking about a page tab, it's not possible at all. the mobile native apps don't support this. but you can always link to your mobile site url in newsfeed!
Is it possible to make an iphone app which just shows a website?
So I make the website example.com and the app opens example.com.
Whenever I click a link it should just follow all links in the app and not in safari.
Is this possible and how?
Thanks.
This is known as "Add to Home Screen", you can program your website to support adding as an "HTML app". However, there are some limitations including the inability to save which page you are on.
Have a look at ui webview it can render HTML, PDF and can be used as a web browser.
It allows for displaying images and links and can be stored in your app bundle or online,
I got a Facebook Page Tab App (using Timeline). It works fine in desktop version of Facebook, but when its Wall Post is clicked in Facebook App, it returns "The page you requested was not found" and forwards to an inaccessible link:
https://m.facebook.com/4oh4.php?id=282832318433409&_rdr
How come? I don't expect mobile version will be the same as desktop version, but I don't expect it reports the page cannot be found.
Page tabs apps are not supported (as of April 2012 anyway) on mobile browsers - mobile apps are, but they're not tied to the Page and need to be manually linked-to or bookmarked, the tab functionality simply doesn't exist now.
Tabs aren't supported via the app or mobile site. Best you could do is add the query parameter "ref=ts" to prevent the page from switching to mobile. It helps in the browser but not the app itself.
So add ?ref=ts to the end of your app url and at least mobile users can see it in their browser.
http://facebook.stackoverflow.com/a/10833366/461119
You can work around this problem by using a Canvas Page to redirect mobile users to a mobile site and desktop users to the page tab.
Detailed instructions here:
https://stackoverflow.com/a/15860533/121285
You can access to your app using the next link https://apps.facebook.com/YOUR-APP-ID
In this way, you can access from a desktop or a mobile with no problem
For example, the following URL shows the app in a tab:
https://www.facebook.com/just.to.get.a.rep?sk=app_203403406338325
But when on a mobile device it redirects to the mobile site and does not show the tab or even have a link to it:
https://m.facebook.com/just.to.get.a.rep?sk=app_203403406338325
I even have the application tab set as the Default Landing Tab for this page, but cannot get the pap to show for the page. Is there another format we need to develop for the App to support mobile? Ideally we would like to show the tab on iPhone app and other mobile viewing.
If you're in control of the link the user clicks on to reach your fanpage/pagetab-combination, then try adding a GET parameter ref=ts
h++ps://www.facebook.com/just.to.get.a.rep?sk=app_203403406338325&ref=ts
Apparently this prevents the redirect to the mobile version of facebook.
There's not currently any way to see App-provided Page tabs on the m.facebook.com site
Mobile web apps are supported, but they're not tied to the Page and need to be manually linked-to or bookmarked, the tab functionality simply doesn't exist now.
Currently you can develop application functions such as app authorisation but sadly no, you can't display standard iFramed tab apps, I suspect this is because of slow 3G data speeds and the fact that Facebook wouldn't want the mobile experience being any slower than it already is (dependent on external hosting etc).
Many of my larger clients are begging for it. The only workaround I use is to build an external page with the same content used in the iFrame - then you can direct users to the tab or mobile users to an external link.
https://www.facebook.com/pagename/app_000000000000000?ref=page_internal
as of now ref=page_internal is working as a work around.
You can redirect Mobile users to a specific mobile website, and have desktop users redirected to your page tab app.
Detailed instructions for doing this are available here:
https://stackoverflow.com/a/15860533/121285