I have InAppBrowser installed in my project, I can open a window with
window.open('https://www.google.com/');
When I execute that a window slides from the bottom covering the screen and loads the requested page.
I want that behavior, but instead of completely taking over the screen I want it to have 80-90% of the screen height, leaving space at the top to show my app header.
Is there a way to do that? Like open a webpage in a modal or a config to change the browser height?
Any other plugin that can do that and also open a browser without leaving the app would also be fine. I guess iframes are not an option because I need to open Twitter, Youtube, Facebook, Instagram and apparently they don't allow iframes
Maybe try this fork of in-app-browser? https://github.com/initialxy/cordova-plugin-themeablebrowser
Related
i have used cordova--plugin-ionic-keyboard default plugin in my hybrid ios
application in ionic 3 .
when i open a payment gateway link by using iframe and i click on the textbox button for writing a card details keyboard will appear but if any case i want to go back after opening a keyboard then keyboard is not closed or hide for whole app then i have to close the app and start again.
i have searched a lot of things on internet but i can not get a appropriate answer which works for me.
i have tried out hide() method of plugin but whichever page i use this hide method that page is not open means app stop before the page on which i try hide method.
i also used in-app browser but still not work
I have included share button in my website. The share button works fine in web browsers.
But when access through mobile, after clicking the share button, the share popup size is same as web browser. So it is not getting displayed properly.
Can anyone please suggest, how to alter the height and width of the feed popup?
Thanks.
Afaik you cannot change the appearance and size of the popups made with FB.ui. You could try opening your own popup:
https://developers.facebook.com/docs/sharing/reference/feed-dialog/v2.0
See "URL Redirection".
One other possibility is to use the "sharer.php", it is even easier to handle because you only need to add the URL as parameter and it will automatically get the Open Graph data from that URL.
I have a UIwebview which loads up a page ,first the links in the page were opening up on the same page, that made it look ugly, then I found a function which made the link open up in the phone's safari browser.That was nice but actually I want to show the links in a pop up view which can simply be closed. I have seen the google map popping up and showing the map. I want to do the same same thing with the links on the page they should open up as pop up and should not open up in safari and neither in the same UIWebview.
What could be the possible way to implement this.
Another inspiration is phonegap's ChildBrowser which opens the link as a popup.
I want to implement the same in native.
Any help and suggestions will be appreciated.
You have to use UIWebview to show the web content for the link. just resize it by using frame property as per your requirement because it's inherited by UIView.
I am building a web application that is to be run by adding the app to the home screen. Currently it has a list of users, clicking on a user takes you to a detail screen for that user and on that screen is a notes link to take the user to another screen with a grid of notes and a text box to add more notes.
When any links are clicked/tapped, the link is opened in Safari, not the current full screen Safari instance. I tried setting the target of the link to _self, but this had no effect.
Any ideas?
I learned a full screen iPhone webapp can only be a single web page. Any link you try to open will launch Safari instead of replacing the current page. To combat this, I used asp.net postbacks with panels to hide/load/show requested data.
I use target="_webapp" and it works just use for example <a href="http://your.link" target="_webapp"> and it gonna open the link without exit landscape (full screen) i dont know why but with some of my webapps works and sometimes dont.
On Facebook you can browse the site without affecting the floating chat windows. Seems like if the main page was inside an iFrame and the footer and chat windows where floating outside.
(source: k-director.com)
Is the main content inside an iframe or are the footer and chat windows the ones inside an iframe?
The later doesn't seem possible because int this case when you click in a link in the main page everything would have to reload, including the footer iframe.
If you refresh the page the chat windows are reloaded, but if you browse the site by clicking links they are not.
Thank you.
If you install FireBug and enable the net monitor for Facebook, you'll see that when you click most links inside the application, you're not doing a full page refresh, but rather an AJAX call which updates the page with the new content.
It looks like a new page, but in reality you're on the same page with just about everything but the chat-bar replaced.
Probobly just an absolutely positioned div, containing a scrolling div for the content. Ajax would provide the content.
The chat windows do indeed refresh when you load a new page, they maintain their viewstate however (open/close/chat history).
It's an absolutely positioned div, positioned at the bottom of your browser window. It's not hard, I cloned the Facebook chat for ClockingIT from scratch in a weekend.