<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
Hi Kai,
<div class=""><br class="">
</div>
<div class=""> I managed to reproduce the bug on a Windows laptop and have a fix pending testing at</div>
<div class=""><a href="https://github.com/ome/omero-figure/pull/301" class="">https://github.com/ome/omero-figure/pull/301</a></div>
<div class=""><br class="">
</div>
<div class=""> Regards,</div>
<div class=""><br class="">
</div>
<div class=""> Will.</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div>
<blockquote type="cite" class="">
<div class="">On 6 Dec 2017, at 12:42, William Moore (Staff) <<a href="mailto:wmoore@dundee.ac.uk" class="">wmoore@dundee.ac.uk</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
Hi Kai,
<div class=""><br class="">
</div>
<div class=""> Thanks for the video.</div>
<div class=""><br class="">
</div>
<div class="">OK, so it appears the failure happens after the point that we reached with</div>
<div class="">the debugger. </div>
<div class="">The cloned $span element fails to replace the existing one in the drop-down button;</div>
<div class="">Line 5662:</div>
<div class="">$('span:first', $button).replaceWith($span);</div>
<div class=""><br class="">
</div>
<div class="">Maybe just try taking the debugging a couple of steps further to see if you notice anything.</div>
<div class=""><br class="">
</div>
<div class="">I’ll ask around here and see if anyone can reproduce it on their machines, which would</div>
<div class="">allow us to debug here.</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">In the meantime, there are a couple of potential work-arounds which would at least allow</div>
<div class="">you to create labels of the right position, colour and size…</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">Using the devtools console, you can manually set the attribute of the position chooser button</div>
<div class="">using this:</div>
<div class=""><br class="">
</div>
<div class=""><span class="message-body-wrapper">$(".new-label-form .label-position span").attr('data-position', 'top')</span></div>
<div class=""><br class="">
</div>
<div class="">Possible values are ‘top’, ‘left’, ‘right’, ‘bottom’, ‘topleft’, ‘topright’, ‘bottomright’, ‘bottomleft’ and ‘leftvert’ (left vertical).</div>
<div class="">This won’t change the appearance (icon) of the button, but when you click Add, this value will be used in the new label.</div>
<div class=""><br class="">
</div>
<div class="">Same trick for color:</div>
<div class=""><br class="">
</div>
<div class=""><span class="message-body-wrapper">$(".new-label-form .label-color span").attr('data-color', 'FF0000’)</span></div>
<div class=""><span class="message-body-wrapper"><br class="">
</span></div>
<div class=""><span class="message-body-wrapper">Similar trick for font-size</span></div>
<div class=""><span class="message-body-wrapper"><br class="">
</span></div>
<div class=""><span class="message-body-wrapper">$(".new-label-form .font-size span:first").text('32’)</span></div>
<div class=""><span class="message-body-wrapper"><br class="">
</span></div>
<div class=""><span class="message-body-wrapper"><br class="">
</span></div>
<div class=""><span class="message-body-wrapper">Another approach is to directly add the labels to selected panels.</span></div>
<div class=""><span class="message-body-wrapper">Select panels you want to edit in the UI as normal. Then in the console paste this to add new labels to each selected panel:</span></div>
<div class=""><span class="message-body-wrapper"><br class="">
</span></div>
<div class=""><span class="message-body-wrapper">figureModel.getSelected().forEach(function(p, i){ p.add_labels([{text: "New Label", size: 14, position: 'topleft', color: 'FFFFFF'}]); });</span></div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">Editing existing labels is not so simple, but in the worst case you can remove them and add new ones.</div>
<div class=""><br class="">
</div>
<div class="">Hopefully we can work out what is going on and find a fix…</div>
<div class=""><br class="">
</div>
<div class=""> Cheers,</div>
<div class=""><br class="">
</div>
<div class=""> Will.</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div class="">
<blockquote type="cite" class="">
<div class="">On 6 Dec 2017, at 09:04, Kai Schleicher <<a href="mailto:kai.schleicher@unibas.ch" class="">kai.schleicher@unibas.ch</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div text="#000000" bgcolor="#FFFFFF" class="">
<p class="">Hi Will,</p>
<div class=""><br class="webkit-block-placeholder">
</div>
<blockquote type="cite" class="">Does it then fail to show the ‘position’ icon that you clicked on?</blockquote>
yes, it sounds like that. I've captured my screen in a short recording, maybe its helpful.
<div class=""><br class="webkit-block-placeholder">
</div>
<p class="">You should receive a download-link in a separate email.</p>
<p class="">Thanks and cheers,<br class="">
Kai<br class="">
</p>
<br class="">
<div class="moz-cite-prefix">On 12/05/2017 10:59 PM, William Moore (Staff) wrote:<br class="">
</div>
<blockquote type="cite" cite="mid:B9CC3902-7E7C-41B8-BC34-47796C0A7C4A@dundee.ac.uk" class="">
Hi Kai,
<div class=""><br class="">
</div>
<div class=""> That looks like it’s working up to the point you took the screenshot.</div>
<div class="">Does it then fail to show the ‘position’ icon that you clicked on?</div>
<div class="">Or does it ignore the selected position when you subsequently click “Add”?</div>
<div class=""><br class="">
</div>
<div class=""> Cheers,</div>
<div class=""><br class="">
</div>
<div class=""> Will.</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div class="">
<blockquote type="cite" class="">
<div class="">On 5 Dec 2017, at 16:37, Kai Schleicher <<a href="mailto:kai.schleicher@unibas.ch" class="" moz-do-not-send="true">kai.schleicher@unibas.ch</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div text="#000000" bgcolor="#FFFFFF" class="">
<p class="">Thanks Will!</p>
<p class="">I have followed these steps but I have to admit that this is quickly getting over my head :/</p>
<p class="">please find my screenshot attached - I did not find anything out of the ordinary there.</p>
<p class="">Have a nice evening and cheers,<br class="">
Kai<br class="">
</p>
<br class="">
<div class="moz-cite-prefix">On 12/05/2017 03:57 PM, William Moore (Staff) wrote:<br class="">
</div>
<blockquote type="cite" cite="mid:A77CB4F7-5FE8-4DD6-89A5-DC66F9D8D3C0@dundee.ac.uk" class="">
Sorry - here’s the screenshot…
<div class=""><br class="">
</div>
<div class=""><span id="cid:part1.243C6D2F.479005BA@unibas.ch" class=""><Screen Shot 2017-12-05 at 14.45.25.png></span></div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div class="">
<blockquote type="cite" class="">
<div class="">On 5 Dec 2017, at 13:56, Kai Schleicher <<a href="mailto:kai.schleicher@unibas.ch" class="" moz-do-not-send="true">kai.schleicher@unibas.ch</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div text="#000000" bgcolor="#FFFFFF" class="">
<p class="">Hi Will,</p>
<p class="">please find my answers in-line:<br class="">
</p>
<div class=""><br class="webkit-block-placeholder">
</div>
<blockquote type="cite" class="">
<div class=""> You could try to Right-click > Inspect Element in each browser on the exact spot where you’re clicking</div>
<div class="">on the drop-down menu, particularly in the case where the click is having no effect.</div>
</blockquote>
as far as I can tell the same DOM (?) element is selected in both cases (see attached screenshot from the problematic machine)
<div class=""><br class="webkit-block-placeholder">
</div>
<blockquote type="cite" class="">Also, is there any difference in touch-screen functionality between those 2 machines?</blockquote>
no, both machines don't support touch-screen.<br class="">
<br class="">
<blockquote type="cite" class="">
<div class="">Is it the "Add Labels” form that is being unresponsive?</div>
<div class="">Or is it the editing of individual labels under “Edit Labels” that’s not working (or both)?</div>
</blockquote>
both<br class="">
<br class="">
Thanks for your help and cheers,<br class="">
Kai<br class="">
<br class="">
<br class="">
<div class="moz-cite-prefix">On 12/05/2017 02:35 PM, William Moore (Staff) wrote:<br class="">
</div>
<blockquote type="cite" cite="mid:DECEB7AB-20A7-4F5E-822A-BCA5F200774C@dundee.ac.uk" class="">
Hi Kai,
<div class=""><br class="">
</div>
<div class=""> You could try to Right-click > Inspect Element in each browser on the exact spot where you’re clicking</div>
<div class="">on the drop-down menu, particularly in the case where the click is having no effect.</div>
<div class=""><br class="">
</div>
<div class="">Try to see if there’s a different DOM element under the mouse pointer at that time.</div>
<div class="">Also, is there any difference in touch-screen functionality between those 2 machines?</div>
<div class=""><br class="">
</div>
<div class="">Is it the "Add Labels” form that is being unresponsive?</div>
<div class="">Or is it the editing of individual labels under “Edit Labels” that’s not working (or both)?</div>
<div class=""><br class="">
</div>
<div class=""> Cheers,</div>
<div class=""><br class="">
</div>
<div class=""> Will.</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div class="">
<blockquote type="cite" class="">
<div class="">On 5 Dec 2017, at 13:28, Kai Schleicher <<a href="mailto:kai.schleicher@unibas.ch" class="" moz-do-not-send="true">kai.schleicher@unibas.ch</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div text="#000000" bgcolor="#FFFFFF" class="">
<p class="">HI Will,</p>
<p class="">thanks for the superfast reply!</p>
<p class="">I did what you suggested, but unfortunately the output in the console is exactly the same between the two machines, i.e. holds no clues.</p>
<p class="">It simply gives a warning saying "Empty string passed to getElementById()." in both cases, but no errors.<br class="">
</p>
<p class="">Is there another place where I can look for differences?</p>
<p class="">Thanks and cheers,<br class="">
Kai<br class="">
</p>
<br class="">
<div class="moz-cite-prefix">On 12/05/2017 02:00 PM, William Moore (Staff) wrote:<br class="">
</div>
<blockquote type="cite" cite="mid:4C1C0AEA-B03F-46C6-955C-F526EEAE82F8@dundee.ac.uk" class="">
Hi Kai,
<div class=""><br class="">
</div>
<div class=""> I can’t think what the issue is so far.</div>
<div class=""><br class="">
</div>
<div class="">Can you open the dev-tools on Firefox? Easiest is to right-click anywhere on the page and choose “Inspect Element”.</div>
<div class="">Then choose the Console tab in the dev-tools and see if you see any errors etc when you reproduce the bug.</div>
<div class=""><br class="">
</div>
<div class="">Hopefully that might give some clues.</div>
<div class="">I’ll see if I can think of any better ideas what might be the problem…</div>
<div class=""><br class="">
</div>
<div class=""> Cheers,</div>
<div class=""><br class="">
</div>
<div class=""> Will.</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div class="">
<blockquote type="cite" class="">
<div class="">On 5 Dec 2017, at 12:42, Kai Schleicher <<a href="mailto:kai.schleicher@unibas.ch" class="" moz-do-not-send="true">kai.schleicher@unibas.ch</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div text="#000000" bgcolor="#FFFFFF" class="">
<p class="">Dear OME team,</p>
<p class="">I am experiencing an odd issue with OMERO.figure and am struggling to troubleshoot it properly, please see quote message below.</p>
<div class=""><br class="webkit-block-placeholder">
</div>
<blockquote type="cite" class="">The Problem is that selections from the dropdown-menus in OMERO.figure are not accepted.<br class="">
For example, we can add a label, but we can't change the size, position or colour from the default. The same thing applies to ROIs: they can be added, but not edited. All buttons exist in the drop down menu and can be selected, but they are not set/accepted.</blockquote>
<div class=""><br class="webkit-block-placeholder">
</div>
<p class="">Now whats peculiar about this:</p>
<p class="">I have two computers, both managed Win7 64bit machines part of the same active directory, both using the same version of Firefox portable (57.1).<br class="">
On one machine I experience the above issue, but <b class="">not</b> on the other.<br class="">
</p>
<p class="">I am currently at a loss as to how I could debug this issue further. <br class="">
If you have an idea and could you point me in the right direction to look it be very happy :)<br class="">
</p>
<p class="">As always, thanks for your help and cheers,<br class="">
Kai</p>
<pre class="moz-signature" cols="72">--
>>Please note my NEW PHONE NUMBERS: +41 61 207 57 31 (direct) +41 61 207 22 50 (central)<<
Kai Schleicher, PhD | Research Associate in Advanced Light Microscopy | Biozentrum, University of Basel | Klingelbergstrasse 50/70 | CH-4056 Basel |
Phone: +41 61 207 57 31 (direct) +41 61 207 22 50 (central) | <a class="moz-txt-link-abbreviated" href="mailto:kai.schleicher@unibas.ch" moz-do-not-send="true">kai.schleicher@unibas.ch</a> | <a class="moz-txt-link-abbreviated" href="http://www.biozentrum.unibas.ch/" moz-do-not-send="true">www.biozentrum.unibas.ch</a> | <a class="moz-txt-link-abbreviated" href="http://www.microscopynetwork.unibas.ch/" moz-do-not-send="true">www.microscopynetwork.unibas.ch</a></pre>
</div>
_______________________________________________<br class="">
ome-users mailing list<br class="">
<a href="mailto:ome-users@lists.openmicroscopy.org.uk" class="" moz-do-not-send="true">ome-users@lists.openmicroscopy.org.uk</a><br class="">
<a class="moz-txt-link-freetext" href="http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-users" moz-do-not-send="true">http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-users</a><br class="">
</div>
</blockquote>
</div>
<br class="">
</div>
<br class="">
<span style="font-size:10pt;" class="">The University of Dundee is a registered Scottish Charity, No: SC015096</span>
<br class="">
<fieldset class="mimeAttachmentHeader"></fieldset> <br class="">
<pre class="" wrap="">_______________________________________________
ome-users mailing list
<a class="moz-txt-link-abbreviated" href="mailto:ome-users@lists.openmicroscopy.org.uk" moz-do-not-send="true">ome-users@lists.openmicroscopy.org.uk</a>
<a class="moz-txt-link-freetext" href="http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-users" moz-do-not-send="true">http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-users</a>
</pre>
</blockquote>
<br class="">
</div>
</div>
</blockquote>
</div>
<br class="">
</div>
<br class="">
<span style="font-size:10pt;" class="">The University of Dundee is a registered Scottish Charity, No: SC015096</span>
</blockquote>
<br class="">
</div>
<span id="cid:F423772D-87F5-4CD0-ADB5-BAE614BC7E20@lifesci.dundee.ac.uk" class=""><Screenshot from 2017-12-05 14-54-05.png></span></div>
</blockquote>
</div>
<br class="">
</div>
<br class="">
<span style="font-size:10pt;" class="">The University of Dundee is a registered Scottish Charity, No: SC015096</span>
</blockquote>
<br class="">
</div>
<span id="cid:3111DB0B-6B78-467E-9949-E4A64C29C9A2@home" class=""><Screenshot from 2017-12-05 17-33-06.png></span></div>
</blockquote>
</div>
<br class="">
</div>
<br class="">
<span style="font-size:10pt;" class="">The University of Dundee is a registered Scottish Charity, No: SC015096</span>
</blockquote>
<br class="">
</div>
</div>
</blockquote>
</div>
<br class="">
</div>
</div>
</div>
</blockquote>
</div>
<br class="">
</div>
<br>
<span style="font-size:10pt;">The University of Dundee is a registered Scottish Charity, No: SC015096</span>
</body>
</html>