extjs TreePanel dont work with metro webview app - extjs

I'm using sencha/extjs 3.4 TreePanel in my web application and when i'v made metro app with webview navigating to my application the problem is that when i click a node on treePanel nothing happens. Is that a common problem or i did smth wrong. Everything works in IE10, just not in the metro webview.

Ok so the problem was that mine application dont work at ie10 with ie10 standards and i'm using emulateIE7, which for some reason dont work at metro webview

Related

Why buttons listeners does not work for mobile in exjts

I'm trying to add a doubleTap/tap/click listener in a button when the application is in a mobile device to fire an event or throw any event but any option is working.
I have this fiddle here: https://fiddle.sencha.com/#view/editor&fiddle/3lab
Extjs Version: 7.5.1
Theme: Triton
Toolkit: modern
I forgot to mention, is this change related with acessibility so need to turn on talkback, voiceOver on phone settings. Also it works for IOS ( SE and Iphone 8 tested ), but does not work for Android device.
Any help with that?
Thanks

ReactNative Pull To Refresh for iOS platform

All Dev, I am working on pull to refresh feature in my react native project. As we all know that react native itself providing a Refresh Control that we can us along with List and ScrollView but not with View 😉that's fine.
I notice that there’s no common gesture for refreshing the page data for both platform if we go with the Refresh Control because of fundamental different
After reading this articlehere:
For iOS, the Pull-to-Refresh embedded in as part of the list.
For Android, the Pull-to-Refresh is not part of the list, but on top
of it.
Now my question is there any way to implement the same gesture for refreshing on iOS platform either native side or react side. For android we have SwipeRefreshLayout but do we have any controller that help to achieve the same gesture in iOS platform?.
Below is the refresh image from android platform:(Gmail App)
Sorry in case of you can't understand the question. feel free to comment will update. Any suggestion and comments are welcome.
Thank you.

How to habilitate the leaflet map draw for all browsers in a PWA app?

We are developing an application for farmers and part of the process is done using the leaflet map component to draw the plots location.
Our application is a PWA and runs perfectly in firefox, the draw component works well.
However the draw map component in the google chrome, brave, opera doesn't work.
If you want to try look at App mobile , install using the google chrome or others than Firefox.
Any tips our suggestion of how to solve this?
We find the problem.
It was about the draw mode in "continuous" and no in "step-by-step".

Angular Bootstrap Collapse Navbar Not Responsive on Mobile Viewports

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!

How to remove Splash screen for both iOS and Android in Xamarin.Forms?

I'm new to Xamarin.Forms and was looking for a way to remove the Splash Screen and have my custom animated splash screen, does anyone have the idea about how to do it? Any help at all would be great!
Thanks
There is a blog post here that details how remove the default splash screen and replace this on iOS, Android, and WindowsPhone.
For example on the Android example, they are talking about creating a new Activity, prior to loading the default Activity that will launch the Xamarin.Forms App.
Using that approach will most likely also work in all other platforms. As you can do some platform-specific native animation set, prior to launching your real Xamarin.Forms App in your PCL.

Resources