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:53]
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 =====
Line 8: Line 8:
 {{ :​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: ​docs, images etc. If Images is chosen the image files are shown as thumbnails.+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.
  
 {{ :​filestab02.jpg |}} {{ :​filestab02.jpg |}}
Line 15: Line 15:
  
 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** 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**
 +
 ===== Image Control Panel ===== ===== Image Control Panel =====
  
-Getsimple automatically creates a 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 gsconfig file.+Getsimple automatically creates a 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]].
  
 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. 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.
Line 23: Line 24:
 {{ :​filestab03.jpg |}} {{ :​filestab03.jpg |}}
  
-GetSimple uses [[http://​deepliquid.com/​content/​Jcrop.html|Jcrop]] as its image editor of choice. +==== Custom Thumbnails ​and Image Details ====
-More information is required here about File Management ​and Thumbnail Creation+
  
-==== Tips'n tricks ====+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.
  
-=== CropBug ===+There is a known issue with autogenerated thumbs not restored when files are re-uploaded.
  
-GetSimple 3.0 has a bug with Jcrop: when cropping images larger than the image preview panel, the crop is erroneous. 
  
-That is fixed by adding line:+=== Customizing Thumbnail Creation === 
 +GetSimple uses [[http://​deepliquid.com/​content/​Jcrop.html|Jcrop]] as its image editor. There is a known issue with the Chrome web browser in which jcrop may not work. 
  
-<​code>​trueSize:​ [<?php print("​$imgwidth,​$imgheight"​);​ ?>​],</​code>​ +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
- +
-just below: +
- +
-<​code>​var api = $.Jcrop('#​cropbox',​{</​code>​ +
- +
-in the file: image.php +
- +
-=== Customizing JCrop behavior === +
- +
-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 60: 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.1389102807.txt.gz · Last modified: 2014/01/07 13:53 by Timbow