<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p>Hi Will,</p>
<p>thank you so much for reproducing this bug and fixing it!</p>
<p>Cheers,<br>
Kai<br>
</p>
<br>
<div class="moz-cite-prefix">On 07/09/2018 01:58 PM, William Moore
(Staff) wrote:<br>
</div>
<blockquote type="cite"
cite="mid:129EA3D8-6452-454D-ABCE-ECF232686666@dundee.ac.uk">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
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=""
moz-do-not-send="true">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=""
moz-do-not-send="true">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="" 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>
<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>
</blockquote>
<br>
</body>
</html>