nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How customize detail view

ffd4229

Newbie question:

I would like to change default image viewer to image viewer with zoom.

Can anyone point me in the right direction or give me advice on how I would achieve this or if it is possible.

thanks.

Find more posts tagged with

Alfresco Content Services

Accepted answers

kalpesh_c2

The default image previewer embedded by alfresco does not provide image zoom functionality. In order to get this functionality you can use other previewer which is also provided by alfresco called "WebPreviewer". To use "WebPreviewer" for previewing image files override "web-preview.get.config.xml" file of "Web Preview" webscript and change the plugin value from "Image" to "WebPreviewer" of all <condition> tags containing mime type of image.

<condition mimeType="image/jpeg">
     <plugin srcMaxSize="2000000">WebPreviewer</plugin>
</condition>

<condition mimeType="image/png">
    <plugin srcMaxSize="2000000">WebPreviewer</plugin>
</condition>

<condition mimeType="image/gif">
    <plugin srcMaxSize="2000000">WebPreviewer</plugin>
</condition>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

The WebPreviewer requires Flash plugin installed in a browser.

Thanks,

Kalpesh

www.contcentric.com

All comments

kalpesh_c2

<condition mimeType="image/jpeg">
     <plugin srcMaxSize="2000000">WebPreviewer</plugin>
</condition>

<condition mimeType="image/png">
    <plugin srcMaxSize="2000000">WebPreviewer</plugin>
</condition>

<condition mimeType="image/gif">
    <plugin srcMaxSize="2000000">WebPreviewer</plugin>
</condition>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

The WebPreviewer requires Flash plugin installed in a browser.

Thanks,

Kalpesh

www.contcentric.com

afaust

Be aware though that the WebPreviewer is Flash based which you might not want to use. You could also hook in any custom previewer component that you or someone in the community has developed via the web-preview.get.config.xml, e.g. Loftux has developed "Zoomable", an addon providing an image viewer for potentially very high resolution images.

ffd4229

thanks.

How I would like to hook change other custom previewer ?

Is it the same way?