How to make Magnolia CMS work with Phonegap - html

So i am trying to make some pages in magnolia so they work in phoneGap, phoneGap is a wrapper that wraps HTML5/CSS/JavaScript and deploys them as a mobile app.
The problem with Magnolia is that it uses servlets such as jtl or jsp, where as phoneGap only accepts .html pages and does not render jtl or jsp pages.
So how would i go about in making only HTML5 pages?
Any ideas/suggestions/opinions will be greatly appreciated

What is it that you want to make accessible on mobile with phone gap? Admin central or rendered web that was originally edited via Magnolia?
If the former, don't use phone gap, but instead clone Magnolia's source from git locally, change compile targets for widgets to allow compilation for iphone/android cell phones and you should have all you need to access admin interface on cell phone. On tablets it should already work w/o need to do anything.
If the latter, then what you want is to render whole web and capture html w/ curl or wget and give that to phone gap, tho I can't really imagine why/how that would be useful over phonegap-made app more then via browser directly.
HTH,
Jan

Related

Placing Ionic page onto website

I would like to showcase a page from my Ionic 3 project onto my website.
I have been trying to copy the rendered html from the simulator with the rendered main.css and placing it onto my website using a Marvel css device.
It still seems to need hours of finessing to get to what the simulator looks like.
** This is not a clashing of css files. I checked.
Does anyone know an easy way showcase a demo of the app onto the website?
Just deploy your built code from project's www directory (wrapped in your css Marvel device container) to your web hosting and it should work given that you do not rely on ionic/cordova only functionalities that would not work on a desktop anyway. In the end it is an Angular app.

Application for editing and rending HTML side by side?

Is there an application that can edit and render and web page side-by-side similar to http://rendera.herokuapp.com/ , but can working "offline" (i.e. can be working even without internet connection).
I tried googling for WYSIWYG HTML editor, but I couldn't come with something similar to http://rendera.herokuapp.com/
I found Brackets (http://brackets.io/) somewhat similar to I'm looking for. I managed to find the similar question (different keywords) in StackOverflow (Is there an HTML/CSS/JS editor that immediately shows changes?), so somebody can mark this as duplicate
On windows just point your built-in IIS server to your working directory
When you edit your html , just refresh the web page
Use Python to serve up your web page from the directory your working in
python -m SimpleHTTPServer
When you edit your html, just refresh the web page
If using angularjs you can use
ng serve
This will load your website normally on localhost:4200 , any change to your code will force a reload of your website
Simply have your browser on one side and your editor on the other.

Can Chrome App Retrieve or Inject data to Web Pages?

I want to develop an app (for Chrome desktop) that will retrieve data from different webpages the user surf to and aggregate it, or inject some added JavaScript functionality to those pages, later on showing the user statistics about the webpages he surf to. Like how many pages the user have been having more that 3 images in them.
Now, I know Chrome Extensions can Inject JavaScript code and therefor also retrieve data, but I want my App to be a Chrome App. Can it also pull data from WebPages and / or Inject JS to those pages ?
Thanks.
A Chrome App is, by design, isolated from the browser. You can't enumerate tabs, inject content scripts, etc. at all, as you can see from an entirely different list of available APIs.
While you could embed a pseudo-browser in your app using the <webview> tag, it's going to be hard to convince the user to use your limited browser over "real" Chrome.
If you want to interact with a browser, you need an extension. If you also really need Chrome App capabilities you'll need both separately, and they can talk to each other.

Creating an Ipad app with static html,css & javascript

Let me explain the scenario first.
I have a simple static dashboard html page with 5 simple charts created with HTML5, CSS
and javascript.
It renders data from a static Json to display the charts.
Its is not online and running in my local system.
There are no back end code which connects to a database.
Now I want to convert this to an Ipad app where I can see the dasboard page without out internet connection.
Kindly provide me a best way to do this.
Regards,
Shanmugam
You can use Apache Cordova (or phonegap) for building native web applications for all major platforms using HTML 5 , CSS and JavaScript.
You can refer to this Blog post on how to easily port existing HTML5 based application to iOS and Android.
Additionally you can also check this link for some more insights.

How do I intergrate a html document into the code

I am currently working on a new app and this is my first ever app I have attemped to make with the android os.
I am using eclipse 3.6 and using android 1.5 version as the base to make the app as compatible as I can with all android phones.
I am a newbie to java and I read a few tutorials which helped me get the app up and working but I am using webview using iframes and have the html document hosted online but I would like to have it intergrated into the app itself so that I will not have to worry if a lot of people use the app will not bring down the website.
But I also want it to be able to update all the data off the website when members want to check for updated information on the html document as I am using the html document to control the main gui.
please use PhoneGap, this will fulfil your requirements