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.

Webforms + Filepicker

maephisto

Hi to everybody.

I've some questions about the filepicker ui control.

How can I filter what kind of resources the filepicker can show? Something similar was asked here but I didn't understand how to modify the XSD file to render a web form to create a filepicker control that filters sone files instead of others.
Always here there's something about "metadata": through a JSP callout i can show some categories but how can I create a directory on-the-fly or modify the filepicker in the same form when I select a category insted of another one? These two functionalities are suggested in that post too.

Thx in advance

Find more posts tagged with

Comments

kvc

Maephisto:

With 2.1.0, we provide 5 default appearances of the file-picker. Different appearances can be used for different elements within the same web form using the appearance annotation.

These default configs can be found in web-client-config-wcm.xml. These enable you to limit selection based on file or folder, mimetype.

           <widget xforms-type="xf:upload" 
                   javascript-class-name="alfresco.xforms.FilePicker">
             <param name="selectable_types">wcm:avmcontent,wcm:avmfolder</param>
           </widget>
           <widget xforms-type="xf:upload" 
                   appearance="image_file_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
             <param name="selectable_types">wcm:avmcontent</param>
             <param name="filter_mimetypes">image/*</param>
           </widget>
           <widget xforms-type="xf:upload" 
                   appearance="html_file_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
             <!– allow folder selection to handle index pages –>
             <param name="selectable_types">wcm:avmcontent,wcm:avmfolder</param>
             <param name="filter_mimetypes">text/html</param>
           </widget>
           <widget xforms-type="xf:upload" 
                   appearance="folder_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
             <param name="selectable_types">wcm:avmfolder</param>
             <param name="filter_mimetypes">*</param>
           </widget>
           <widget xforms-type="xf:upload" 
                   appearance="file_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
             <param name="selectable_types">wcm:avmcontent</param>
           </widget>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

To use an element from an XML for create directories, you'll want to refer to the element using the xml node variable in your Freemarker expression in your output path. The reference for this can be found in the Help instructions next to the output path field.

Let us know if any more questions.

Kevin

maephisto

Thank you for the answer.

I'll make some experiments with appearance for the filepicker and with Freemarker expression in output path: I'll let you know if there are problems.

Another question: since configuration for filepicker appearances is in web-client-config-wcm.xml, have I also the possibility to change that configuration to customize filepicker? For example, I could create a filepicker that filters PDF files with a definition like the following one:

<widget xforms-type="xf:upload"
   appearance="pdf_file_picker"
   javascript-class-name="alfresco.xforms.FilePicker">
   <param name="selectable_types">wcm:avmcontent</param>
   <param name="filter_mimetypes">application/pdf</param>
</widget> 
‍‍‍‍‍‍‍‍

If the answer is positive, where could I find a reference for web-client-config-wcm.xml customization?

kvc

Yes, this is the goal of the config file.

We'll be working on documentation on the wiki starting next week in prep for the final release of 2.1.0 Enterprise, targeted end of the month.

Glad to see you're potentially finding utility in the new config options.

Kevin

maephisto

testing appearance hack, I wasn't able to create a custom filepicker.

This is the definition in XSD I wrote to create the form

<?xml version="1.0"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
   xmlns:az="http://www.sky.it/contentmodels/az"
   xmlns:alf="http://www.alfresco.org" 
    targetNamespace="http://www.sky.it/contentmodels/az">
     <xs:element name="enterprise">
       <xs:complexType>
            <xs:sequence>
              <xs:element name="logo" type="xs:anyURI">
                 <xs:annotation>
                  <xs:appinfo>
                     <alf:label>Logo path</alf:label>
                     <alf:alert>A logo is required to create content</alf:alert>
                     <alf:appearance>image_file_picker</alf:appearance>
                  </xs:appinfo>
                </xs:annotation>
             </xs:element>
              <xs:element name="name" type="xs:normalizedString"/>
            <xs:element name="code" type="xs:normalizedString" />
            </xs:sequence>
       </xs:complexType>
     </xs:element>
</xs:schema>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

While alert and label are correctly shown, filepicker doesn't filter anything. Where am I wrong?

edit: I almost forgot. I'm using Alfresco Community Release 2.1

edit2: I edited the file web-client-config-wcm.xml in /<alfresco-root>/tomcat/webapps/alfresco/WEB-INF/classes/alfresco and I noticed there's nothing like

<widget xforms-type="xf:upload"
                   appearance="image_file_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
             <param name="selectable_types">wcm:avmcontent</param>
             <param name="filter_mimetypes">image/*</param>
           </widget> 
‍‍‍‍‍‍‍‍

and so on. There is just ONE line referring to xf:upload

<widget xforms-type="xf:upload" javascript-class-name="alfresco.xforms.FilePicker"/>
‍‍‍

I tried to modify web-client-config-wcm.xml adding xf:upload image_file_picker appearance but nothing changed in the rendered form. I also tried to modify RictTextEditor config to add HTML code button and the modification worked, so it seems there's some issue with xf:upload appearance hack: can u confirm it?

kvc

Maephisto:

Are you using Community Final? This enhancements was not in Community RC1.

You can tell if it is by the web-client-config-wcm.xml file. If you do
not see the default appearances for the file-picker, that release version
does not support the filtered file-picker widget. You should have to
modify any code or config file other than your own XSD to get a
default file-picker filtered on images.

Kevin

maephisto

Well, I've followed the Alfresco 2.1 Download link… on sourceforge there's a release on 2007-07-24… You are saying that this release contains the file web-client-config-wcm.xml with more than one filepicker widget?

Where can i find the version of Alfresco currently installed on my system?

edit: ****, I've opened the README file and these are the first three lines:

==============================
Alfresco 2.1 Release Candidate
==============================
‍‍‍‍‍

Ok, so I've downloaded Alfresco 2.1 RC
With the new version, I will be able to create all the customizations of filepicker just modifying ONLY the web-client-config-wcm.xml file, right?

edit2: I've downloaded Alfresco 2.1 and in web-client-config-wcm.xml file (located in <alfresco-root>/tomcat/webapps/alfresco/WEB-INF/classes/alfresco) there's just ONE line for filepicker. I'm going crazy: where are the appearances you were talking about?

kvc

Maephisto:

You are not going crazy; I'm being crazy unclear.

This check-in was done post Community Final (what is currently posted on SourceForge) after our 2.1 Enterprise branch split. Normally post branch we only do bug fixes marked "Major" in JIRA (Community gets all "Blocker" and "Critical" bugs fixed, as well as many Majors are possible). In this particular case, because of all the forum activities around the file-picker widget and TinyMCE editor, we've added an enhancement (which will get back-ported to an updated Community release once we finalize and ship Enterprise end of this month).

You can get access to the v2.1 branch and the current 2.1 Enterprise BETA (it is much more stable than Community) either via subscription or by requesting a trial eval. Otherwise, stay tuned for the 2.1 Community refresh we'll do in a few weeks time.

Sorry for being unclear. That's what happens when you answer questions too quickly!

Kevin

maephisto

You can get access to the v2.1 branch and the current 2.1 Enterprise BETA (it is much more stable than Community) either via subscription or by requesting a trial eval.

I'm sorry to bother you… but where can I get the 2.1 version? On alfresco.com if I click download I can request a trial for 2.0 version… Where am I wrong?

xexiz

i Know this post is really old, but this isnt fix yet i guess? because i'm having the 2.1 installed and also having only one definition for the xf:upload and the latest file modification on forge for WCM 2.1 is 2007-07-24 05:39

tell me if i'm wrong!
I would love to be able to select only folder, and be able to set the default path to open the "select box"

thx

maephisto

Very old post, you're right.

I'm not longer using Alfresco, but i think they fixed it moving all the upload-file buxfixes to Alfresco Community, after releasing Alfresco Enterprise. In fact Kevin wrote "Otherwise, stay tuned for the 2.1 Community refresh we'll do in a few weeks time.". Alfresco 2.1 Community was released some months ago, so it seems strange they didn't fix this issue.

xexiz

Well, it look like it's still not fix because Im only having one entry for xf:upload in the wcm-client-config file!!
and i'm having this version:

Alfresco started (Community Network): Current version 2.1.0 (484) schema 64 - Installed version 2.1.0 (484) schema 64

It's the latest release i found on source forge.. following the Wiki download pages!

prateek_dhanwal

Is it possible that i can enter the folder path like aseets/pdfs/ in <param name="filter_mimetypes">application/pdf</param> so that i can view only this folder containing PDF files. Or Is there any other way.

Thanks

Prateek

prateek_dhanwal

Hi

i want to show only few folder in my FilePicker . What should i write in <param name="selectable_types">wcm:avmfolder</param> so that only selectables folders will be shown.

Thanks

Prateek

roxanne

I want to restrict the filepicker to select only images in a given folder "images" in tomcat>webapps>ROOT

Here is the section I added to web-client-config-wcm.xml to add a folder_restricted_file_picker appearance:

====================================
           <widget xforms-type="xf:upload"
                   appearance="folder_restricted_file_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
            <param name="selectable_types">wcm:avmcontent</param>
             <param name="filter_mimetypes">image/*</param>
          <param name="folder_restriction">images</param>
           </widget>
===================================

Here is the schema I used

===================================
<?xml version="1.0"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:alf="http://www.alfresco.org" elementFormDefault="qualified">
<xs:simpleType name="FilePickerType">
<xs:restriction base="xs:anyURI" />
</xs:simpleType>
<xs:element name="root">
<xs:complexType>
<xs:sequence>
<xs:element name="filepicker" type="FilePickerType" minOccurs="0" maxOccurs="1">
<xs:annotation>
<xs:appinfo>
<alf:appearance>folder_restricted_file_picker</alf:appearance>
</xs:appinfo>
</xs:annotation>
</xs:element>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:schema>
===================================

i've got information from http://wiki.alfresco.com/wiki/Configuring_XForms_Widgets

i finally end up getting this error: 'images' not found in /.

what do i do now??!!!!!

roxanne

I've got the solution!

1.   Change a section in web-client-config-wcm.xml to add the appearance folder_restricted_file_picker

           <widget xforms-type="xf:upload"
                   appearance="folder_restricted_file_picker"
                   javascript-class-name="alfresco.xforms.FilePicker">
             <param name="selectable_types">wcm:avmcontent</param>
             <param name="filter_mimetypes">image/*</param>
          <param name="folder_restriction">images</param>
           </widget>

   Here's the explanation:
               selectable_types   wcm:avmcontent   Picks only files (not folders)
               filter_mimetypes   image/*                   Picks only files which are images
               folder_restriction   images                    Folder in ROOT from where files are picked

2.   Create the following schema

<?xml version="1.0"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:alf="http://www.alfresco.org" elementFormDefault="qualified">
<xs:simpleType name="FilePickerType">
<xs:restriction base="xs:anyURI" />
</xs:simpleType>
<xs:element name="root">
<xs:complexType>
<xs:sequence>
<xs:element name="filepicker" type="FilePickerType" minOccurs="0" maxOccurs="1">
<xs:annotation>
<xs:appinfo>
<alf:appearance>folder_restricted_file_picker</alf:appearance>
</xs:appinfo>
</xs:annotation>
</xs:element>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:schema>

3.   Disable the button “Add Content”

i.   Go to file_picker_widget in C:\Alfresco\tomcat\webapps\alfresco\scripts\ajax
ii.   Go to line having “addContentLink.filePickerWidget = this;”
iii.   Comment this line by prefixing //
iv.   Save

4.   Restart the server.

5.   Create a Web Form and use the schema created.

6.   Create a Web Project and add this Web Form.

7.   Create a folder in ROOT and add files in it

i.   In Alfresco, navigate to the web project.
ii.   Click on the “My Sandbox” icon.
iii.   Go to Create>Create Folder; Title: images
iv.   Click on the newly created folder.
v.   Go to Create>Add Content.
vi.   Browse to the files and upload them. You will be able to add only image files!
vii.   Click “OK”

8.   Now use the Create Content option.

ribz33

Hi Roxanne,

I don't understand well what you want to do in your second post, but about first post maybe try to replace with this code :

<param name="folder_restriction">/images</param>‍

I think you forgot "/" before folder name.

roxanne

thanks pierrre for the reply!!

can u plz help me in creating an xslt to display the image??

ive tried out these lines:
<img src=".{root/filepicker}" alt="Image"/>
<xsl:value-of select="root/filepicker"/>

i'm not able to see the image.
the path displayed (of the image ) is \filename.extension

ribz33

try this :

<xsl:template match="/">
<xsl:element name="img">
  <xsl:attribute name="src">
    <xsl:value-of select="/root/filepicker"/>
  </xsl:attribute>
</xsl:element>
</xsl:template>
‍‍‍‍‍‍‍‍‍

roxanne

thanks a lot guys!

its working fine now!

i had to set up virtualisation for making this work!

its all fine

thanks

zeeshan_h_naqvi

Hi ,

We are facing the issues while uploading the image from local disk , steps are listed below.

1) Added the file picker in XSD with folder restricted appearance .

2) After click on the Add content option , we are able to pick the image from local , but status bar or process bar is not vanishing after uploading the image also .

Please do the needful and expecting positive at the earliest.