On Windows, I can create a Webdialog in my extension with an <a href="./path/to/component.skp"> tag. I can drag-n-drop this tag from the Webdialog to the model and it will import the .skp file. This will import a locally stored .skp file from my extension folder.
However, that does not work on Mac. I believe it has something to do with how Mac windows need to be clicked in order to activate. Does anyone know of a way to create such a drag and drop icon for Mac?
Thanks.
can you make a gif of it working on WindowsâŚ
there are a couple of new tricks iâve been testing that may get around the focus issue, but Iâve never attempted to dragânâdrop anything into SU except from FinderâŚ
I suspect youâll need to use the icon/anchor to send an import command to SU, so the skp is attached to the mouse when you leave the dialogâŚ
edit: hereâs a little testâŚ
john
The comparison is unfair. Drag and drop has long been built into the Windows API. I believe that the SketchUp Installer for Windows registers several drag-and-drop file handlers for SketchUp associated file extensions. (ie, SKP, SKB, SKM, etc.) Also standard image files of various extensions can be drag-and-dropped into SketchUp.
The Ruby code here âŚ
wd = UI::WebDialog.new('Drag and Drop',true,'test',800,600,100,200,true)
#>> #<UI::WebDialog:0x0000000ab98f98>
wd.set_url('file:///C:/Users/Dan/Documents/SketchUp/SketchUp 2015/Models')
wd.show
⌠produces the following nice scrollable / sortable (by clicking column headers) / sizable (by dragging column header margins), etc. (No Javascript / No framework needed. MSIE knows how to display FTP directories, and it does not care if they are local directories.)
I can grab any of the SKP items and drop them into the model. Also can grab the PNG image and drop that into SketchUp as an image component.
(I can also do normal things we can do in the normal file explorer window, such as rename files, delete them, etc. âOpen WithâŚâ via the right-click menu. Etc.)
EDIT:
Actually SketchUp drag and drop handler is smart enough not to allow us to drop the last autosave of a file into itself. (But it allows dropping all the previous autosaves.)
To answer the question, when you begin dragging on Windows, a thumbnail image appears under the system arrow cursor, as soon as you drag out of the window, a window drag message is sent to the window behind the cursor (so those windows / applications can respond to the dragged object.) When you move over the SketchUp client (modeling) window, (the thumbnail image disappears,) and the cursor changes to the MoveTool cursor (temporarily whilst the component is being loaded into the definition list collection,) then when it is ready, the cursor changes to the place component cursor and component instance is attached to the cursor ready for âdroppingâ (which is actually a place component operation.) Once placed, the instance is left âselect highlightedâ.
ADD: So yea, it looks almost the same as your âtest_selectorâ item (in the gif above.) Except that yours leaves the MoveTool cursor active all the way through to placement. I donât think that is a big deal. The cursor change might just be a quirk of the drop handlerâs implementation.
EDIT(2): BTW, I do not see this component place cursor in the images folder. It is white left facing arrow cursor with a dashed box in the lower right. (Maybe it did not get SVGâed last cycle?)
cheers for that explanation @DanRathbun, I had no idea Windows could do thatâŚ
on a mac youâd use model.import with UI.openpanel and a click select even though dragânâdrop works from thereâŚ
I assumed the OP meant something like the Component Browser in a dlg⌠[ as he uses <a href=]
a better example of that would be with an image button on a macâŚ
weâll never know unless @swishstar returnsâŚ
john
Yes, I agree, that is likely what he has done. And perhaps MSIE on Windows can automatically use the thumbnail images within the SKP files, using the same thumbnail handler (âThumbsUp.dllâ) that the file explorer uses.
Hi John and Dan. Thanks for the quick answers. Iâm sorry but I am out of
the office today or Iâd respond more. I will get you the screencast of
what I was talking about. But yes , I am implementing something like the
component browser in a dialogue.
STEVE
(Iâm mobile. Sorry for short answers)
Hi guys. Iâm back. Sorry again for not being available to clarify. So yes, I am creating an html page in my extension. Iâm opening that page with the webdialog. In that html, I have a few anchor tags with an href using a relative path to some models Iâm shipping with the extension.
On Windows, with the webdialog active, I can drag that anchor (which does happen to have a static jpg as a background-image) to the model and it will import the skp component. See animation below:
However, on Mac, the anchor gets dragged and only the text path of the href tries to drop onto the model. See animation below:
@john_drivenupthewall: Iâd be interested to see how you did your animation example. It looks exactly like what I was trying to do. You said you used a button and did that kick off the model.import? I missed what you were trying to say there.
Thanks again!
Iâm still trying to get the User experience worked out, before I want to share the code openlyâŚ
basically a button onClick event, sends an action callback to import the skpâŚ
on a mac this ânormallyâ takes three Clicks or a Cmd Click, but varies depending on the dialogs focusâŚ
if not Focused:
the first click focuses the dlg, the second clicks the button and the third focuses the viewport, and in this case, that would place the component blindlyâŚ
A CmdClick however will do exactly what we want and the comp will be attached to the cursorâŚ
if Focused:
it becomes a two click operation, with the same bad outcomeâŚ
CmdClick works like two clicks i.e. badlyâŚ
over at SCF dev forum weâve been looking for a better option for at least six yearsâŚ
this is my latest stab at itâŚ
the ideal for the changing of the SU cursor is to never hold focus on the dlgâŚ
I use a combination of âvanillaâ javascript and ruby to manipulate the âfocusâ between the dialog and the SU viewportâŚ
the âtrickâ will hinder the use of many other âexpectedâ events like tooltips, focus rings, but some may be possible by other meansâŚ
e.g. in this gif, I take advantage on osxâs ability to scroll an âout of focusâ windowâŚ
With your dialog it looks like your using a jQuery image gallery, that would need focus to work and may impede how this worksâŚ
I personally Iâm not a fan of js libraries for most webDialogsâŚ
Is your Extension Commercial?
john
If there was / is equivalent drag events and handlers for WebKit like those non-standard ones for MSIE (things would be simpler.)
@swishstar or @Barry,
occasionally when testing this code I get a sudden death BugSplat Crash Report #23231 and was wondering if the report shed any light on why?
there doesnât seem to be a pattern, although itâs never on the first coupleâŚ
john
@john_drivenupthewall: Thanks for the overview of what youâre working on. Yeah, I can see where the onclick could be used to model.import the component and I can now see the clicks in your animation. As you know, I was hoping to imitate the drag-n-drop feel (i.e. single click and drag then let go). I did a little more experimenting with dragging from Finder, and I can see that even from there, there is not a preview of the component until you release the mouse.
Therefore, Iâm assuming the closest I can come to imitating a âwindows-like drag-n-drop behaviorâ on a Mac is to imitate the drag-n-drop behavior from Finder. The closest I can come to that is attached. It is simply an âondragstart()â event (for Mac only) that will call Ruby to model.import the model. And similar to Finder, you have to release the mouse in SketchUp before it will give you the component. Note: for Windows users, I leave the native (non-standard) drag-n-drop behavior of the anchor tag.
There are 3 differences between dragging from Finder and dragging from this WebDialog:
The last two are also minor differences from the Finder example (IMHO) but still kind of rough in the UX department. While theyâre still not ideal, thatâs the closest I could come so far.
And to answer your question: yes, this is a commercial product, but I can share at least this much with everyone as this is standard stuff.
@DanRathbun: BTW: thanks for all your answers too. You had some great technical tips that, when combined with Johnâs got me at least this far.
And note to all: my goal was to imitate the drag-n-drop behavior, but Iâm thinking that I may go with @john_drivenupthewallâs approach of doing a (click, reposition cursor, click again to drop the component) approach. I just have to teach the end users that method instead of what they requested.
However⌠if anyone can get me closer to true/forced drag-n-drop behavior, that would be awesome!
c3d_dragndrop_test.zip (1.2 MB)
STEVE
@Barry and @john_drivenupthewall: BTW, I also got Splats whenever I used âondrag()â instead of âondragstartâ or âondragendâ. I think it was because the ondrag constantly updates, while the last 2 update only once, therefore sending the command off to Ruby only once. I donât know what John was working on, but I thought Iâd mention it.
STEVE
some of the clicks in the gifs are just me and gifsâŚ
I PM a test script so you can evaluate what really happensâŚ
john
