I have developed an angular 5 web app with the mobild first approach - so responsive and optimized for mobile.
My question now would be what to do in order to hide address bar and so make an icon on screen to start this app (so browser with this app).
Is there a tutorial to do this - I couldn't find some really helpful.
Related
I have a use case where I would like to leverage some existing pages from a Shopify powered store inside an Ionic Framework v6 React iOS / Android App (on web we will simply redirect to the appropriate subdomain). Unfortunately, Shopify has their iFrame options set to Deny so using an iFrame is not an option.
Image of where the Shopify Store should show up in my app
I've looked at the various flavors of inAppBrowser, and while this allows me to show the page, its a pretty jarring non-native app experience. What I really want is an Ionic React Component for Native that will allow me place a webview under my control constrained to a certain viewport of the page.
Ionic Portals are targeted at Native developers with fully native code bases but actually show this use case on the home page:
Image of Ionic Portal webview inside Native Tab Bar Application
I know portals are pretty new and I haven't seen any documentation about this but is it possible to use them inside of an Ionic React App to accomplish the behavior I want (or something in inAppBrowser or another plugin that I've missed?)
Because 2sxc Accordion App have in settings "Initially open/close" switch for each section, I wonder is it possible to tweak this in some way to get Accordion initially open for desktop page view and initially closed for mobile page view?
It would save space / scrolling time and look more appealing in mobile page view.
Or just take this as idea for some next version of this App.
This would be fairly easy to do. I suggest you do the following:
The toggle for open/close could be replaced with the boolean-tristate, so you have a true (open), false (closed) and null (automatic).
Then adjust the razor code a bit to make this happen.
If you got it to work, it would be awesome if you could contribute your code to the app in github: https://github.com/2sic/app-accordion
I want to show spin buttons(up-down) in my application. In browser it is displayed but cannot see on android application. Ionic framework.
I'm developing a MEAN application that needs to look good on mobile browsers. At first I was trying and failing to use Bootstrap to make this responsive, as I didn't realize Angular was clashing on the Bootstrap and JQuery JS libraries that Bootstrap depended on.
So I found Angular-UI project on GitHub...sorry for no link but I don't have enough reputation.
I'm trying to get the Collapse Navbar to be responsive on a mobile device. (responsive meaning it adjusts to the "hamburger menu" and the names of the links no longer appear in the menu)
I'm failing to get this to work within the bounds of my Node application.
To isolate the issue, I took the HTML and JS from the plunker referenced by the Angular-UI Bootstrap example (which, by the way also appears responsive to small displays when viewed from a iPhone or Samsung Edge) and made a stripped down Node app, which basically returns what is in the Plnkr example, but that still doesn't appear responsive when viewed from a mobile phone browser (I tested mobile Chrome, Safari, and Firefox)
See screenshot of sample app on OpenShift cloud:
http://angbootstrapnotresponsive-215api.rhcloud.com/assets/
This sample is not responsive
Note: If I view my sample in "responsive" mode in the dev tools, or simply resize my desktop browser window, the menu links fold up into that hamburger menu as desired. Only when I try to use the mobile browser from either iPhone 6 or Samsung Edge this responsive Navbar isn't responsive.
thanks in advance for any ideas!
I am working on a project using Ionic and AngularJs. I need to hide the address bar on scroll just like Facebook mobile. When we open Facebook in a mobile browser and scroll to the top it hides the address bar. I need the same thing in Ionic for all platforms - Android, IOS etc.
I am breaking my head for last 2 days on this. But I still haven't found
anything relevant. I tried many things but nothing worked out. Kindly
help me to get out of this and also suggest if it is not possible.