Page 1 of 1

Folder Preview Default Image size

Posted: 02 Feb 2019, 07:15
by pbhq
Hello,

It goes ahead on my construction site  :relaxed: ...

I'm just wondering how to globally limit the folder preview image to a maximum size? For several sub-folders, it looks good. In all my experiments (including columns or CSS), the image is indeed smaller, but moves from the center to the left.

For the return from a sub-folder to the actual I probably have to build myself a back-button / link, right?

Re: Folder Preview Default Image size

Posted: 02 Feb 2019, 08:13
by mjau-mjau
pbhq wrote:I'm just wondering how to globally limit the folder preview image to a maximum size? For several sub-folders, it looks good. In all my experiments (including columns or CSS), the image is indeed smaller, but moves from the center to the left.
Do you have a link so I can understand the issue in detail? X3 will automatically load the correct image-size based on your layout grid, and the pixel density of the screen.

I am imagining here that you have a GRID layout displaying only ONE folder, in which case the preview is taking the entire width of the layout. Am I correct?
pbhq wrote:For the return from a sub-folder to the actual I probably have to build myself a back-button / link, right?
This feature has been requested earlier, but is not yet implemented into X3. Of course, your visitor can simply use their browsers "back" button, or just re-click the parent page in the menu. For now, if you want a "back" button, you will need to add it manually into content.
Code
<a href="../" class="button">Back</a>

Re: Folder Preview Default Image size

Posted: 02 Feb 2019, 08:48
by pbhq
mjau-mjau wrote: I am imagining here that you have a GRID layout displaying only ONE folder, in which case the preview is taking the entire width of the layout. Am I correct?
Yes, I use the GRID layout global for all folders. With 2 or more subfolders, everything is ok, but with only one folder, the preview uses almost the entire page.

I could solve the problem now with "Folder Layout Witdh", but I would prefer a global solution (via CSS or something).

For example: Great Preview Image and Smaller Preview Image
mjau-mjau wrote:
Code
<a href="../" class="button">Back</a>
Yes, I thought so. I already have a nice idea with FontAweSome  :wink:.

PS: The site is still a very big under construction.  :upside_down:

Re: Folder Preview Default Image size

Posted: 02 Feb 2019, 10:41
by mjau-mjau
pbhq wrote:Yes, I use the GRID layout global for all folders. With 2 or more subfolders, everything is ok, but with only one folder, the preview uses almost the entire page.
I can tell you why this is happening: You are using a GRID layout which uses columns (normally 3). All folders are then distributed into the columns. If you only have 1-2 folders, X3 will only create columns to match the amount of folders (why create empty columns?). Therefore, in your case since you only have one folder, there will only be one column, which then consumes the available space.

I know this is not optimal. I think I will change X3 so that the columns amount will remain the same, even if there is only one folder. That of course means that the single folder will look a bit lonely all by itself aligned to the left. Sounds ok?

In my opinion, you should avoid IMAGES and SUBFOLDERS inside the same folder, as it does not seem intuitive for visitor. I would either have only images, or only folders, where all images are contained inside the subfolders.
pbhq wrote:I could solve the problem now with "Folder Layout Witdh", but I would prefer a global solution (via CSS or something).
Because it's actually a GRID, there is no CSS solution for this. If you need to fix it prior to an official solution, I would apply the folder layout width to "narrowest".

Re: Folder Preview Default Image size

Posted: 06 Feb 2019, 14:43
by pbhq
mjau-mjau wrote: Because it's actually a GRID, there is no CSS solution for this. If you need to fix it prior to an official solution, I would apply the folder layout width to "narrowest".
I have now personally found a workable solution for me:

One grid: Split-View Ratio 6 and with folder layout width: narrower
Two Grids:  No  Split View and with folder layout width: narrow
More /3 Grids: Default

Re: Folder Preview Default Image size

Posted: 07 Feb 2019, 00:25
by mjau-mjau
X3.27.1 was released a couple of days ago, and in this release we retain a minimum 3-COLUMN grid (if there are LESS than three items to display). If you have specifically assigned LESS than three columns, your settings will be respected. Examples:

config / items / columns
3,2,1 / 3 items = 3 columns
3,2,1 / 2 items = 3 columns
3,2,1 / 1 item = 3 columns

2,2,1 / 3 items = 2 columns
2,2,1 / 2 items = 2 columns
2,2,1 / 1 item = 2 columns
1,1,1 / always 1 column
pbhq wrote:One grid: Split-View Ratio 6 and with folder layout width: narrower
Technically, if you know there is only ONE item to display, you shouldn't really need to use GRID layout at all. You could just set layout to plain VERTICAL (non-grid) layout, and it would look the same as it does now. Just a formality.

Re: Folder Preview Default Image size

Posted: 07 Feb 2019, 10:36
by pbhq
mjau-mjau wrote: X3.27.1 was released a couple of days ago, and in this release we retain a minimum 3-COLUMN grid (if there are LESS than three items to display). If you have specifically assigned LESS than three columns, your settings will be respected. 
Thanks, I will test the feature in the near future and give feedback!

Another question: Is it possible to integrate PDFs into the folder structure?

Best wishes, Thomas

Re: Folder Preview Default Image size

Posted: 07 Feb 2019, 23:01
by mjau-mjau
pbhq wrote:Another question: Is it possible to integrate PDFs into the folder structure?
PDF files are not currently supported in the gallery, so they won't automatically show. You can still upload PDF files into a folder, and link to them from content with dynamic {{path}} variable:
Code
<a href="{{path}}file.pdf">Download me</a>
Or upload images that represent the PDF, and link to them dynamically by using the same filenames file.jpg => file.pdf:
Code
{path}{file_name}.pdf