Has anybody successfully used any of the KendoUI mobile widgets in a Web Application? I have an site using the Kendo Web library. I would like to use the Switch widget from the mobile library.
I've added code like this:
<div id="mobBody" style="width:50px;height:30px">
<input id="wink-switch" data-role="view" />
</div>
I create the widget as normal:
$("#wink-switch").kendoMobileSwitch();
The widget actually works at this point, the problem is it is not presented at all correctly. In order to get it to presnt correctly I need to do:
var switD = document.getElementById("mobBody");
var app = new kendo.mobile.Application(switD); </script>
However this has many undesirable affects on the remainder of the application.
This currently won't work nicely. The Kendo UI Mobile widgets work only in a Kendo UI Mobile application for now. This behaviour is going to change soon though so you could use the switch widget without a mobile application. This feature will land with the Q1 2014 release which is expected in March 2014.
Related
I have a website that is created in Angular 4 (with Lumen as the Rest API) that has a responsive design.
The website works on desktop & mobile browser fine but now I want to create the mobile applications.
What is the easiest way to wrap ionic around my existing Angular website to create the mobile applications? The mobile applications will need camera, location, bar-scanning, etc. So I cant just webkit or webview the mobile applications, I would need the plugins from ionic / cordova.
It depends if you want to use any Ionic Components, so if you want to make visual changes to your app, or not.
If you have already created your application and it works/looks fine on mobile, there is no need to use Ionic. Ionic provides visual components to build hybrid apps that look like native apps, but if you don't need them, there is no need to use Ionic. Instead you can just use cordova, which allows you to take your existing webapp and simply add the native features like camera, location, etc. to it.
If you want to change your app and give it a native feel with Ionic, then it really depends on what kind of app you have and how big it is. It's not an easy task to take your existing app and put it "inside" Ionic. It might be easier to just create a new project and copy over the logic, but rebuild everything UI related with Ionic Components.
Can i render/run ionic app on an IFrame HTML element which is placed in an app hosted on a server.
If that's possible, can you suggest how do I need to include IONIC/Angular libraries in my framework.
As an example, can I render ionic app on view of SAPUI5 application?
Using the HTML control, you can include custom HTML into your application. This might be sufficient to include your Ionic application and already do the job.
If the HTML control doesn't give you enough freedom or flexibility, you may want to build a custom control that injects the right HTML code into your application. As an added advantage, you could e.g. expose properties such as with and height to be able to defined the screen real estate consumed by the Ionic application. Step 34 in the OpenUI5 walk-though will give you a good overview of how to build custom controls.
Our current web application for mobile is build with jquery mobile
https://www.bit2c.co.il/mobile
I would like to upgrade it with better ui, plus I believe that jquery mobile js and ui are not working smooth over IPhone 4. (the nav bars, header and footer, are refusing to stay fixed ).
So I did some research and found that mobile angular UI is working pretty well over different smart phones including IPhone 4.
My question is:
1.Is this framework well supported and will continue to grow ?
2.Is it working inside phonegap hybrid application ?
3.If using it means there is no need for jquery? and by that how all the functionality done with jquery is done with angular instead?
Please keep in mind I have little angular knowledge and I've seen there will be great change in angularJS 2.0. which leads me to concern in using this version.
Thanks !
If anything, Angular 2.0 is more mobile-aware than 1.3. My team has built a mobile-only application with Angular 1.3 and it works quite well. We've also wrapped it in Cordova to build native mobile apps, although there were more issues there due to third-party JavaScript. The main problem with starting a new app with Angular 1.3 today is that eventually Google will only push security fixes, and no new features will come to the framework. If you build a one-off app, that's fine, but if you're building a new product that will keep on evolving over the next 2 years, 1.3 is not the right choice anymore.
The main challenge I would say we have is that it takes a while to load upon the first page-load. We're a content site with little user "functionality" and while Angular has been good, I don't think it's the best solution for a plain content site; Angular is really meant for applications where you want users to interact with things on the screen without creating new pageloads for every click.
I have a website and i want this to be mobile ready. I found Kurogo very helpful for static website. But this is not useful when i have a website where there are many forms and all. which is the best way to convert a website mobile ready where it has many forms, add, edit , update forms and all. I use php/mysql for my application.
you can always try to use bootstrap or zurb foundation and then load the css using a media query
I'm developing a simple app that will be used by desktops and mobile.
I'm trying to use this approach:
Before rendering the main action in the main controller I'm checking if the brower belongs to a "mobile" category (Using the plugin detecmobilebrowser detecmobilebrowser) then I need to switch to another flow (The actions available will be different) and for this actions I'll use a layout developed with jquery mobile to ensure the compatibility to different devices.
Using a:
$this->layout='//layouts/mobile';
changes the layout, but renders first main.php.
Is there a way to solve this without creating a new theme?
Thanks for your support