[annotator-dev] changing images used in UI

Randall Leeds tilgovi at hypothes.is
Wed Mar 18 18:29:38 UTC 2015

The CSS uses sprites. There is a single image for the widgets and rules to
set the background position such as:

.annotator-viewer .annotator-controls .annotator-edit {
    background-position: 0 -60px;

It should be possible for you to assign class names to your buttons and
simply set the background image to something else other than the sprite png.

On Wed, Mar 18, 2015 at 10:04 AM, Shauna Gordon-McKeon <shaunagm at gmail.com>

> Hi all,
> Looked in the list archives and couldn't find anything about this:
> I'm trying to add a button to the annotator and I've got the functionality
> down (thanks, Randall!) but it's not sure how to insert the button I'd
> prefer through the Annotator (as opposed to just manually referencing an
> image in the html).  I can see that the elements in question have class
> names, but those names are not referenced directly in the annotator css
> except for position.  How do the symbols/images get associated with the
> button in the html?
> best
> Shauna
> _______________________________________________
> annotator-dev mailing list
> annotator-dev at lists.okfn.org
> https://lists.okfn.org/mailman/listinfo/annotator-dev
> Unsubscribe: https://lists.okfn.org/mailman/options/annotator-dev
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.okfn.org/pipermail/annotator-dev/attachments/20150318/edd55123/attachment-0004.html>

More information about the annotator-dev mailing list