I'm messing around with creating a user interface for a Google Apps Script project using an HTML Service, and I've had a request to include drag and drop functionality in this project. I know that there are limitations on these HTML services (I have scoured this document, and it looks like it's saying that native HTML5 drag and drop isn't supported: Google Apps Script HTML Service Restrictions). Even though the new HTML5 API's aren't officially supported, is there a way I can get drag and drop to work? If not through native HTML5, through an external javascript Library? Or will Caja break the functionality?
My first few attempts haven't worked, so I figured I'd jump on here and see if anyone has any success getting drag and drop to work though some method or another in Google Apps Script.
Thanks!
Does work correctly in gas. What have you tried? Draggable etc work just fine using jquery with htmlServices without any special code.
Related
I am developing a Chrome application that currently resembles a File Manager in its UI. I would like for users to be able to drag and drop "files" both into and out of the app, for example, to and from their native file managers.
Does this seem impossible, therefore should I be looking for other user interface options?
I have looked into this question: Drag out files from browser using javascript but unfortunately it doesn't seem to work on ChromeOS, the platform I am developing for.
I'm trying to use HTML5 drop event, but it doesn't seem to fire. I also get a crossed circle cursor when I'm trying to drag&drop a file. On the other hand drag&drop html elements works fine. Any suggestions? Is it a limitation for the modern windows apps?
In UWP (win10) it's possible to drag and drop content from another source to your app. When files are dropped in your app, you only have read access to that file though, not sure if that's enough for you.
Have a look at the XAML sample on how to implement drag and drop. API works the same for JS.
Martin
I've been using JQuery draggable/droppables in my application from last 1 year. Now, the application needs to be supported over iPad and iPhones.
Known, above JQuery won't support drag/drop over iPads...
I'm looking for a some JQuery plugin or so which I can connect to my existing JQuery codes for drag/drop over iPad.
After googling, I found some alternate ways like, JQTouch, jquerymobile etc.. But, it looks I would then need to do massive changes (or, write a complete drag/drop things from scratch) in my application :(
My application is very heavy and hence looking for some quick/easy way to connect my existing JQuery solution into iPad touch events etc....
Please help
Thanks in advance
This project will allow you to use jQuery UI on the iPad:
http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
https://github.com/furf/jquery-ui-touch-punch
this will work with draggable.. dont even need to change your code when using draggable!
It seems that I haven't understood correctly how PhoneGap works.
I thought:
Take an index.html, include the PhoneGap.js in as type of JavaScript and open the result on iPad/iPhone.
But then, none of the functions like accelerometer, beep(), vibrate() is working. Is it necessary to build an app for that for working correctly?
I have a Webpage and I want only include the functions of PhoneGap so that the iPad can recognize if it was shaken or a draggable HTML Element was touched and thrown at an other place on screen.
Is sencha able to do that and is it the better choice?
Greetz and Thanks!
Markus
PhoneGap is a native application wrapper for a variety of different phone platforms. It requires that you use the PhoneGap framework, which is written in native code for each supported platform, for whatever platform you are targeting, and allows you to drop HTML, CSS and JS assets into this framework so that you can build applications for a phone with only those web technologies.
Simply including phonegap.js on a web site that is hosted on a server will not work, because phonegap.js communicates with the (native) PhoneGap framework code. The framework code does the work of accessing the phone's APIs for vibrate, accelerometer, contacts and compass functionality (among others). phonegap.js simply provides a consistent API in JavaScript for accessing this native device functionality.
There is no access from Javascript hosted in an ordinary web page to the accelerometer on the iPad as of today -- which is the first piece of functionality that you want to access. If you want to use Sencha (I work for Sencha), you must wrap Sencha code with Phonegap's native shell in order to get access to this functionality. Phonegap takes native Objective C API's and creates new Javascript objects that correspond to these API's. But the result will be a native app, not a web page.
Drag and Drop, the second piece of functionality that you want, is an activity entirely within the browser, and Sencha handles drag and drop just fine.
So far I have been creating Web Portal but recently I had a request to convert all the stuff into Mobile Portal.
I have created two webparts, when I place single or multiple webparts of same type it looks fine but when I place two different webparts then its UI gets distracted and it looks bad in Blackberry :(
The UI is fine with IE FireFox and MobileOne(simulator for Iphone), this problem is only with BlackBerry.
Any Idea?? I am using traditional .NET controls and framework to create Mobile Portal.
All three of the browsers you mention have a much fuller set of functionality than the BlackBerry Mobile Browser.
For the best results while targetting the BlackBerry Browser, you need to make sure your WebPart page and the WebParts in it are using very basic HTML Markup. This is one of the situations where you're still better off using tables for layouts rather than CSS.
As long as the rendered HTML is simple, the BlackBerry browsser should be able to handle it fairly well.
You should look that mobile controls are rendering pages in xHTML MP. What are you detecting mobile device? If you are using tradicional browsercaps, then you should up date with mdbf.
Maybe you could use WURFL (Marg.WURFL for .NET) what it replace Mobile Capabilities for WURFL Capabilities.