Run IONIC app on iframe of another framework - angularjs

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.

Related

I have a angular website and want to use ionic to create the mobile apps. Whats the easiest way?

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.

React HTML point and click generator

I want users to be able to design a simple web page to render their content on a page on my site. Are there any projects (ideally react) out there currently that allow a point and click layout design similar to wordpress and generate html?
I have since found the Ory Editor - Seems to fulfil all my requirements.
https://github.com/ory/editor

Ionic Framework for Mobile WEBSITE

I want to use Ionic Framework for my mobile website.
I wonder that is there any risk for run Ionic Framework on mobile browsers.
I'll only use framework's CSS and JS which includes modals, popups, menus etc.
I built a prototype and I tested it on all versions of iPhone and 2-3 versions of Samsung. I haven't seen any problem on these devices. But I want to learn all risks before I start to real project which includes static pages and quotation steps. I'll use UI router by using HTML5 pushstate.
To learn your opinions, makes me more confident.
Thanks in advance.
Kindest...
There are certain caveats to this:
1. Ionic doesn't have a web server, and its testing server uses UIWebview and will not allow for POST requests.
2. Ionic is more optimized for app that is resident on the device. There are certain capabilities (ngCordova plugins for camera...etc.) that won't be available on mobile web.
Your scenario ("framework's CSS and JS which includes modals, popups, menus etc.") - should be fine, since you're only using functionality within Webview. You'd have to build a custom JS library that would only include presentation layer features.

Application Update of a Kendo-UI mobile application

As we know, an Kendo-UI Mobile application has some major parts:
HTML files
JavaScript files
CSS files
resource files (images)
My main question is: Is there is a way to update HTML, CSS, JS and other resources? I mean doing this without native OS update procedure.
Could I access KendoUI Mobile storage, where these resources (index.html, etc.) are stored?
If the user accesses your application as a web page, then these files are updated automatically. Then the goal is to cache them on the local device so that every time the user accesses them, they are not re-downloaded.
If you want your html + javascript to act like a downloadable app, then Telerik recommends using Phonegap (aka Cordova) to wrap your html into a downloadable app. One of the big advantages of Cordova is that it gives your javascript access to the device's features (such as GPS, camera, contacts, and local storage). Telerik has a dev environment that (Icenium) which makes this extra simple. Once the user has downloaded your app, the standard mobile practice for updating the app to a new version takes place (ex: the user sees version upgrade badge and chooses which apps will be updated). For details as to why an app can't simply update all it's files invisibly, kxb as a great post.

IFrame on Silverllight

I want to add IFrame to my Silverlight web site. and into that iframe i want to add aspx page. is that possible? (aspx page in silverlight.)
It's posible in your HTML where you call the Silverlight xap file, but not inside Silverlight itself
Yes you can add what ever asp / html elements to the web page where your silverlight application is running.
For example modify the ProjectNameTestPage.aspx in your web project.
Actually it is possible to have HTML content nested within the Silverlight, Telerik for example has a control called "HtmlWindow" or "RadWindow" which does just this. Either you could subscribe to their control set or try and find out how they did it.
I have used Telerik's control multiple times in an MEF Silverlight application where different web applications (SSRS for example) are contained with the MEF plugins.

Resources