How to use Filelink in typo3


 
How to set custom HTML in Filelink of typo3

First you have to install “css_filelinks” extensions.

Then after you have to enable configuration from this extension. you have to check below two configuration.

  => Don't insert _CSS_DEFAULT_STYLE [dont_default_css]
  => Allow the "Read from path" field [allow_read_from_path]

You can check configuration in below image

Filelink Extension, css_filelinks

Filelink Extension, css_filelinks

Integrate your plugin and you can insert your media files. like : image, pdf, excel, csv, powerpoint, dco files.

Filelink Extension, css_filelinks

Filelink Extension, css_filelinks

If you want to wrap this element with your HTML then you can use below typoscript for that.

********************************************************
*For File Links Layout
*******************************************************
additionalClass{
        image=bmp,gif,ico,jpg,png,tiff
        video=wmv,avi,asf,mpg,mp4
        audio=mp3,wav,mid
}

tt_content.uploads.20.layout.file >
tt_content.uploads.20.layout.file.cObject=COA
tt_content.uploads.20.layout.file.cObject{
  wrap=<div class="row"> | </div>
  10 = TEXT
  10.wrap=<span> | </span>
   10.value= <div class="titel">###DESCRIPTION###</div><div class="type"><a target="_blank" href="###URL###"><img alt="img" src="fileadmin/images/###FILEEXT###.png"></a></div><div class="download"><a target="_blank" href="###URL###"><img alt="img" src="fileadmin/images/download_icon.png"></a>  </div><a target="_blank" href="###URL###"></a>
}

tt_content.uploads.20.layout{
  global=<div class="documenten"><div class="row"><div class="titel"><strong>Titel</strong></div><div class="type"><strong>Type</strong></div><div class="download"><strong>Download</strong></div></div>###FILE###</div>
}

For more info regarding this extension you can visit here

It will look like below image.

Filelink Extension, css_filelinks

Filelink Extension, css_filelinks

*Note : You have to set css for that and also you can set your own icon.

If you have any queries, please do not hesitate to contact me at Jainish Senjaliya

Advertisements

One thought on “How to use Filelink in typo3

  1. Hi,
    Thanks for providing information about filelink in Typo3. . I think this information will make a great helps in Typo3 Development to build user friendly site.

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s