User Tools

Site Tools


file_management

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
file_management [2014/01/07 13:22]
Timbow
file_management [2014/01/07 19:05] (current)
Timbow [Initial View - Uploaded Files]
Line 1: Line 1:
 ====== Files Tab ====== ====== Files Tab ======
  
-Once it is set up a website owner should be able to edit, update and maintain a getSimple ​site without using FTP. The **Files** tab provides the ability to upload and organise images and other files for use in website content.+Once it is set up a website owner should be able to edit, update and maintain a GetSimple ​site without using FTP. The **Files** tab provides the ability to upload and organise images and other files for use in website content.
  
-===== Initial View - //Uploaded Files// =====+===== Initial View - Uploaded Files =====
  
 The Initial view under the Files tab is a list of files and folders in the site folder data/​uploads/​ The Initial view under the Files tab is a list of files and folders in the site folder data/​uploads/​
 {{ :​filestab01.jpg |}} {{ :​filestab01.jpg |}}
  
 +In this view a user can create subfolders and navigate between them, upload files into the currently viewed folder, delete files and view the server setting for Maximum Filesize. A drop-down dialogue enables the user to filter the displayed files by category: documents, images etc. If //Show all Images// is chosen the image files are shown as thumbnails as below.
  
-===== Image Editor =====+{{ :​filestab02.jpg |}}
  
-GetSimple uses [[http://​deepliquid.com/​content/​Jcrop.html|Jcrop]] as its image editor of choice. +Files can also be uploaded manually through FTP and they will be displayed in the same wayFTP is needed to move files from one folder to another ​and to delete folders.
-More information ​is required here about File Management ​and Thumbnail Creation+
  
-==== Tips'n tricks ====+Clicking on a file other than an image file will open the file if your browser is capable of opening that filetype, so pdfs for example are fully viewable directly from this window. Clicking on an image file will open the GetSimple **Image Control Panel**
  
-=== CropBug ​===+===== Image Control Panel =====
  
-GetSimple 3.0 has bug with Jcrop: when cropping images larger than the image preview panel, ​the crop is erroneous.+Getsimple automatically creates ​thumbnail of any image file in the ///​uploads///​ folder or subfolders and stores it in ///​data/​thumbnails///​ . By default the thumbnail ​is 200px wide. The default thumbnail size can be altered by editing the [[config:​gsconfig|gsconfig file]].
  
-That is fixed by adding line:+The top part of the Image Control Panel displays details of the image file and the thumbnail and allows you to view them in a fancybox pop-up. then a dropdown alters the display of different snippets of commonly used html for images and thumbnails which can easily be copied for pasting into page content.
  
-<​code>​trueSize[<?php print("​$imgwidth,​$imgheight"​);​ ?>​],</​code>​+{{ :filestab03.jpg |}}
  
-just below:+==== Custom Thumbnails and Image Details ====
  
-<​code>​var api = $.Jcrop('#​cropbox',​{</​code>​+Custom thumbnails are created simply by selecting the area of the image required and clicking the **Create Thumbnail** button. This will permanently overwrite the auto-generated default thumbnail. A custom thumbnail retains the resolution of the original image so it can be used to display larger image details on your site as well as for thumbnails.
  
-in the file: image.php+There is a known issue with autogenerated thumbs not restored when files are re-uploaded.
  
-=== Customizing JCrop behavior === 
  
-In the file image.php, one can edit JCrop functions.+=== Customizing Thumbnail Creation === 
 +GetSimple uses [[http://​deepliquid.com/​content/​Jcrop.html|Jcrop]] as its image editorThere is a known issue with the Chrome web browser in which jcrop may not work
  
-You can look up list of JCrop functions in the JCrop manual: http://​deepliquid.com/​content/​Jcrop_Manual.html+In the file image.php, one can edit JCrop functions. ​You can look up list of JCrop functions in the JCrop manual: http://​deepliquid.com/​content/​Jcrop_Manual.html
  
 ======Links====== ======Links======
Line 48: Line 48:
   *[[how_to:​backup_pages|Backups Tab]]   *[[how_to:​backup_pages|Backups Tab]]
   *[[how_to:​plugin_manager|Plugins Tab]]   *[[how_to:​plugin_manager|Plugins Tab]]
- 
file_management.1389100925.txt.gz · Last modified: 2014/01/07 13:22 by Timbow