topic Re: Webforms + Filepicker in Alfresco Archive

Webforms + Filepicker

maephisto — Tue, 14 Aug 2007 17:05:05 GMT

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

Re: Webforms + Filepicker

kvc — Fri, 17 Aug 2007 10:45:31 GMT

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

Re: Webforms + Filepicker

maephisto — Fri, 17 Aug 2007 15:49:25 GMT

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?

Re: Webforms + Filepicker

kvc — Fri, 17 Aug 2007 21:14:22 GMT

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

Re: Webforms + Filepicker

maephisto — Sat, 18 Aug 2007 08:34:28 GMT

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?

Re: Webforms + Filepicker

kvc — Mon, 20 Aug 2007 09:40:34 GMT

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

Re: Webforms + Filepicker

maephisto — Mon, 20 Aug 2007 20:01:53 GMT

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: damn, 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?

Re: Webforms + Filepicker

kvc — Tue, 21 Aug 2007 10:02:43 GMT

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

Re: Webforms + Filepicker

maephisto — Tue, 21 Aug 2007 17:23:18 GMT

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?

Re: Webforms + Filepicker

xexiz — Thu, 10 Jan 2008 20:57:42 GMT

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

Re: Webforms + Filepicker

maephisto — Fri, 11 Jan 2008 10:00:08 GMT

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.

Re: Webforms + Filepicker

xexiz — Fri, 11 Jan 2008 13:46:22 GMT

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!

Re: Webforms + Filepicker

prateek_dhanwal — Tue, 12 Aug 2008 11:30:37 GMT

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

Re: Webforms + Filepicker

prateek_dhanwal — Wed, 13 Aug 2008 08:42:16 GMT

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

Re: Webforms + Filepicker

roxanne — Mon, 08 Sep 2008 13:17:18 GMT

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??!!!!!

Re: Webforms + Filepicker

roxanne — Mon, 08 Sep 2008 13:18:03 GMT

Re: Webforms + Filepicker

roxanne — Thu, 11 Sep 2008 13:11:01 GMT

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.

Re: Webforms + Filepicker

ribz33 — Wed, 17 Sep 2008 12:17:06 GMT

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.

Re: Webforms + Filepicker

roxanne — Wed, 17 Sep 2008 13:58:31 GMT

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

Re: Webforms + Filepicker

ribz33 — Wed, 17 Sep 2008 14:06:22 GMT

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>
‍‍‍‍‍‍‍‍‍