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; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Joomla/Alfresco document preview problems

kamil_korinek

Hello,

I wanna ask for help. I try all ideas from this posts :
http://forums.alfresco.com/en/viewtopic.php?f=49&t=17668&p=66756&hilit=joomla+alfresco+preview#p58085
http://forums.alfresco.com/en/viewtopic.php?f=49&t=18426&p=62023#p62023

…but I still couldnt see a document preview. I am using Joomla 1.5. and Alfresco 3.2 community edition with mysql 5.0

I dont know vhich css/js files should use - web-preview or preview and full-preview ??? I try both but without success.
Can anyone provide a functional and workable full code of default_preview_flash.php and the actual preview files (css, js).
I will really appreciate that.

Thanks in advance.
Kamil
IT Department, Czech Firefighters Service
Czech republic, Olomouc

Find more posts tagged with

Comments

anya

Alfresco allows see preview of not all documents types

Try any pdf for example - it should work.

anya

the problem described below exists for Alfresco 3.2.

decision:

default_preview_flash:

<?php // no direct acces
defined('_JEXEC') or die('Restricted access');

JHTML::_('behavior.mootools');

$document =& JFactory::getDocument();

//Site-wide YUI Assets
$document->addStylesheet($this->profile->share.'/yui/reset-fonts-grids/reset-fonts-grids.css');
$document->addStylesheet($this->profile->share.'/yui/assets/skins/default/skin.css');
$document->addStylesheet($this->profile->share.'/css/base.css');
$document->addStylesheet($this->profile->share.'/css/yui-layout.css');
$document->addStylesheet($this->profile->share.'/themes/default/presentation.css');


//Common YUI components: RELEASE
$document->addScript($this->profile->share.'/yui/utilities/utilities.js');
$document->addScript($this->profile->share.'/yui/button/button-min.js');
$document->addScript($this->profile->share.'/yui/container/container-min.js');
$document->addScript($this->profile->share.'/yui/menu/menu-min.js');
$document->addScript($this->profile->share.'/yui/json/json-min.js');
$document->addScript($this->profile->share.'/yui/selector/selector-min.js');
$document->addScript($this->profile->share.'/yui/yui-patch.js');


//Site-wide Common Assets
$document->addScript($this->profile->share.'/js/bubbling.v2.1-min.js');
$document->addScript($this->profile->share.'/js/flash/AC_OETags-min.js');
$document->addScript($this->profile->share.'/service/messages.js?locale=ru');

$document->addScript($this->profile->share.'/js/alfresco-min.js');
$document->addScript($this->profile->share.'/js/forms-runtime-min.js');

$document->addScriptDeclaration('
&nbsp;&nbsp; Alfresco.constants.DEBUG = false;
&nbsp;&nbsp;&nbsp; Alfresco.constants.PROXY_URI = "'.$this->profile->share.'/proxy/alfresco/";
&nbsp;&nbsp;&nbsp; Alfresco.constants.THEME = "default";
&nbsp;&nbsp;&nbsp; Alfresco.constants.URL_CONTEXT = "'.$this->profile->share.'/";
&nbsp;&nbsp;&nbsp; Alfresco.constants.URL_PAGECONTEXT = "'.$this->profile->share.'/page/";
&nbsp;&nbsp;&nbsp; Alfresco.constants.URL_SERVICECONTEXT = "'.$this->profile->share.'/service/";
&nbsp;&nbsp;&nbsp; Alfresco.constants.ALF_TICKET = "'.$this->ticket.'";
&nbsp;&nbsp;&nbsp; Alfresco.constants.USERNAME = "";

');

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/web-preview.css');
$document->addScript($this->profile->share.'/components/preview/web-preview-min.js');

$document->addStylesheet($this->profile->share.'/components/preview/WebPreview.css');
$document->addScript($this->profile->share.'/js/flash/extMouseWheel-min.js');
//$document->addStylesheet($this->profile->share.'/components/preview/full-preview.css');
//$document->addScript($this->profile->share.'/components/preview/full-preview.js');
?>


<div class="yui-g">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div class="yui-g first">
<div id="template_x002e_web-preview_x002e_document-details">
<div class="web-preview">
&nbsp;&nbsp; <div class="hd">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div class="title">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <h4>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img id="template_x002e_web-preview_x002e_document-details-title-img" src="/share/components/images/generic-file-32.png" alt="File" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span id="template_x002e_web-preview_x002e_document-details-title-span"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </h4>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>
&nbsp;&nbsp; </div>
&nbsp;&nbsp; 
&nbsp;&nbsp; <div class="bd">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<script type="text/javascript">//<![CDATA[
new Alfresco.WebPreview("template_x002e_web-preview_x002e_document-details").setOptions(
{
&nbsp; nodeRef: "workspace://SpacesStore/e0a08e88-e2e0-4adf-af6c-b0dd55efc045",
&nbsp;&nbsp; name: "content.Alfresco Share.pdf",
&nbsp;&nbsp; icon: "/components/images/generic-file-32.png",
&nbsp;&nbsp; mimeType: "application/pdf",
&nbsp;&nbsp; previews: ["imgpreview", "avatar", "doclib"]
}).setMessages(
&nbsp;&nbsp; {"preview.actualSize": "Actual Size", "label.noFlash": "To view the preview please download the latest Flash Player from the<br\/><a href=\"http:\/\/www.adobe.com\/go\/getflashplayer\">Adobe Flash Player Download Center<\/a>.", "preview.fullscreen": "Fullscreen", "preview.fitHeight": "Fit Height", "error.io": "The preview could not be loaded from the server. ", "preview.fitPage": "Fit Page", "preview.pageOf": "of", "error.content": "The content cannot be displayed because it is not of type png, jpg, gif or swf.", "label.noPreview": "This document can't be previewed.<br\/><a class=\"theme-color-1\" href=\"{0}\">Click here to download it.<\/a>", "preview.page": "Page", "preview.fitWidth": "Fit Width", "preview.fullwindowEscape": "Press Esc to exit full window mode", "preview.fullwindow": "Maximize", "error.error": "The content cannot be displayed due to an unknown error."}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; );
//]]></script>
 
&nbsp;&nbsp;&nbsp;&nbsp; <div id="template_x002e_web-preview_x002e_document-details-shadow-swf-div" class="preview-swf">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div id="template_x002e_web-preview_x002e_document-details-swfPlayerMessage-div"></div>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>
&nbsp;&nbsp; </div>
</div></div>

</div></div>&nbsp;&nbsp; 


<div id="alfresco-yuiloader"></div>
&nbsp;&nbsp; <script type="text/javascript">//<![CDATA[
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Alfresco.util.YUILoaderHelper.loadComponents();
&nbsp;&nbsp; //]]></script>

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Please correct nodeRef and name in this file.

In web-preview-min set

q.addParam("allowScriptAccess","always").‍

This decision is the result of looking how things work in Alfresco Share, preview in Alfresco Share and Alfresco plugin for Joomla is basicly the same.

amernet

Hi Anya,

I did what you described in your last post.

In Joomla, I copied your codes and replaced the content of the default_preview_flash.php
I also put back the NodeRef and Name back from original code.

On top of it, I also modified the web-preview-min.js on Alfresco side.

Please advise what-else I overlooked to make the preview work in Joomla.

Thanks!
Charles

I have Joomla! 1.5.9 Production/Stable & Alfresco 3.2 on mysql5

anya

Hi, Charles!

Do you run Linux or Windows?

Make sure first that Preview Documents in Alfresco Share is working.

Small addition to default_preview_flash.php -> change

Alfresco.constants.PROXY_URI = "'.$this->profile->share.'/proxy/alfresco/";‍

Alfresco.constants.PROXY_URI = "'.$this->profile->server.'/service/";‍

kilgad

Hi !

I am testing this integration and he didn't work correctly for me. I copied all your code like charles.

the result :
[img]http://www.monsterup.com/upload/1253102348138.png[/img]

- When i preview my document he ask me for an authentication.
- He need the title, creator and modifier.
- This document (in screen shoot) has four pages, and i can preview only the first.

I will test with old version of alfresco 3.1.

Mycode with all your changement :

    <?php // no direct acces
    defined('_JEXEC') or die('Restricted access');

    JHTML::_('behavior.mootools');

    $document =& JFactory::getDocument();

    //Site-wide YUI Assets
    $document->addStylesheet($this->profile->share.'/yui/reset-fonts-grids/reset-fonts-grids.css');
    $document->addStylesheet($this->profile->share.'/yui/assets/skins/default/skin.css');
   // $document->addStylesheet($this->profile->share.'/css/base.css');
   // $document->addStylesheet($this->profile->share.'/css/yui-layout.css');
   // $document->addStylesheet($this->profile->share.'/themes/default/presentation.css');


    //Common YUI components: RELEASE
    $document->addScript($this->profile->share.'/yui/utilities/utilities.js');
    $document->addScript($this->profile->share.'/yui/button/button-min.js');
    $document->addScript($this->profile->share.'/yui/container/container-min.js');
    $document->addScript($this->profile->share.'/yui/menu/menu-min.js');
    $document->addScript($this->profile->share.'/yui/json/json-min.js');
    $document->addScript($this->profile->share.'/yui/selector/selector-min.js');
    $document->addScript($this->profile->share.'/yui/yui-patch.js');


    //Site-wide Common Assets
    $document->addScript($this->profile->share.'/js/bubbling.v2.1-min.js');
    $document->addScript($this->profile->share.'/js/flash/AC_OETags-min.js');
    $document->addScript($this->profile->share.'/service/messages.js?locale=ru');

    $document->addScript($this->profile->share.'/js/alfresco-min.js');
    $document->addScript($this->profile->share.'/js/forms-runtime-min.js');

    $document->addScriptDeclaration('
       Alfresco.constants.DEBUG = false;
        Alfresco.constants.PROXY_URI = "'.$this->profile->server.'/service/";
        Alfresco.constants.THEME = "default";
        Alfresco.constants.URL_CONTEXT = "'.$this->profile->share.'/";
        Alfresco.constants.URL_PAGECONTEXT = "'.$this->profile->share.'/page/";
        Alfresco.constants.URL_SERVICECONTEXT = "'.$this->profile->share.'/service/";
        Alfresco.constants.ALF_TICKET = "'.$this->ticket.'";
        Alfresco.constants.USERNAME = "admin";

    ');

    // Document Preview
    $document->addStylesheet($this->profile->share.'/components/preview/web-preview.css');
    $document->addScript($this->profile->share.'/components/preview/web-preview-min.js');

    $document->addStylesheet($this->profile->share.'/components/preview/WebPreview.css');
    $document->addScript($this->profile->share.'/js/flash/extMouseWheel-min.js');
    //$document->addStylesheet($this->profile->share.'/components/preview/full-preview.css');
    //$document->addScript($this->profile->share.'/components/preview/full-preview.js');
    ?>


    <div class="yui-g">
             <div class="yui-g first">
    <div id="template_x002e_web-preview_x002e_document-details">
    <div class="web-preview">
       <div class="hd">
          <div class="title">
             <h4>
                <img id="template_x002e_web-preview_x002e_document-details-title-img" src="/share/components/images/generic-file-32.png" alt="File" />
                <span id="template_x002e_web-preview_x002e_document-details-title-span"></span>           
             </h4>
          </div>
       </div>
       
       <div class="bd">
         
    <script type="text/javascript">//<![CDATA[
    new Alfresco.WebPreview("template_x002e_web-preview_x002e_document-details").setOptions(
    {
   nodeRef: 'workspace://SpacesStore/<?php echo $this->file->uuid ?>',
   name: '<?php echo $this->file->name ?>',
       icon: "/components/images/generic-file-32.png",
       mimeType: "application/pdf",
       previews: ["imgpreview", "avatar", "doclib"]
    }).setMessages(
       {"preview.actualSize": "Actual Size", "label.noFlash": "To view the preview please download the latest Flash Player from the<br\/><a href=\"http:\/\/www.adobe.com\/go\/getflashplayer\">Adobe Flash Player Download Center<\/a>.", "preview.fullscreen": "Fullscreen", "preview.fitHeight": "Fit Height", "error.io": "The preview could not be loaded from the server. ", "preview.fitPage": "Fit Page", "preview.pageOf": "of", "error.content": "The content cannot be displayed because it is not of type png, jpg, gif or swf.", "label.noPreview": "This document can't be previewed.<br\/><a class=\"theme-color-1\" href=\"{0}\">Click here to download it.<\/a>", "preview.page": "Page", "preview.fitWidth": "Fit Width", "preview.fullwindowEscape": "Press Esc to exit full window mode", "preview.fullwindow": "Maximize", "error.error": "The content cannot be displayed due to an unknown error."}
          );
    //]]></script>

         <div id="template_x002e_web-preview_x002e_document-details-shadow-swf-div" class="preview-swf">
             <div id="template_x002e_web-preview_x002e_document-details-swfPlayerMessage-div"></div>
          </div>
       </div>
    </div></div>

    </div></div>   


    <div id="alfresco-yuiloader"></div>
       <script type="text/javascript">//<![CDATA[
          Alfresco.util.YUILoaderHelper.loadComponents();
       //]]>
       </script>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

(alfresco on windows xp test)
sry for my bad english

anya

Hi !

- When i preview my document he ask me for an authentication.
- He need the title, creator and modifier.
- This document (in screen shoot) has four pages, and i can preview only the first.

Hi, kilgad!

I know about problem with authentication, but I don't know how to solve it, unfortunetly. :?
The problem of title, creator and modifier should be solved at php side.

kilgad

the demo site work perfectly whith alfresco 3.1 … i don't understand why they don't publish his code or upgrade the plugin.

gomer321

I have installed the Alfresco Labs version 3, I can see the names of the documents from my space Alfresco joomla but I can only see a preview, black box.