Change the place of disk and zoom icons

[Mizael]

Hi,

We have just bought this great software and it is really great!

We only find the design a little bit messy because of the disk and zoom icons (wich are never vertically aligned because of the lenght of the text file).

They could be in a dedicated column or at the beginning of the line (with the file icon).

Thus, As we don’t use the date column, we would like to know how to move these 2 icons to the date column. Or, more simple certainly, mode these 2 icons on the line juste before the file icon.

Thank you very much for you help!

Sorry for the english! That’s not my native language…

[Michael Gilkes]

@Mizael. Thanks for posting. Thanks for your gracious comments.

To be honest, it doesn’t really matter that the images are in another column or not. The alignment can be easily adjusted by the css file. Actually, sometimes, the css styles for template will override the styles by the plugin’s stylesheet. Let me give you an idea of what you can do. Go to media/easyfolderlistingpro/css/styles.css and you will find the following:

.eflpro_tables img, .eflpro_lists img<br /> {<br /> margin: 1px 1px 1px 1px !important;<br /> }

1 2 3 4

.eflpro_tables img, .eflpro_lists img<br /> {<br /> margin: 1px 1px 1px 1px !important;<br /> }

Just adjust the margins to what suites your needs. You may also want to add some padding adjustments too.

Like I said, it depends of how your Joomla template interacts with this code, but the !important should override it. I you want to, you can post the website link to the page with the listing, and I can look at it and tell you what is going on and make a suggestion, if you are not sure what to do.

Now, if the file name is too long and causing a shift in the alignment, then you can add the icon to a different column by editing the easyfolderlistingpro.php file on line 883. Change it to:

$html .= $this-&gt;attachIcon($row, $this-&gt;fullpath(true).'icons').'&lt;/td&gt;&lt;td&gt;';<br />

1 2	$html .= $this-&gt;attachIcon($row, $this-&gt;fullpath(true).'icons').'&lt;/td&gt;&lt;td&gt;';<br />

But, this may throw off the colspan for the sub-folders. You may have to increase the $columns variable by 1 just before lines 836 and 1024.

Make these changes at your own risk. I assume you are comfortable with PHP. My suggestion is just a guide line. I haven’t tested these suggested changes. So, you will have to debug it yourself.

[Mizael]

Thank you very much for this quick and long response!

Unfortunately I’m not really skilled with PHP. But I’m sure that the result I’d like to see could come by changing in this PHP file the place of these two icons (the CSS file is perfectly balanced and only minor changes can come this way). By the way, I have tried the 2 as you told, but the result was not convincing.

I have prepapred a demo image if you like to see how it would look like (I have put the 2 icons in a confortable place while using the image editor: they could be elsewhere).

The demo imag is here (www.fedescol.org/images/EFLP+Demo.png), and there you can find a page where I am deploying your great component: http://www.fedescol.org/partage/tous-les-documents

[Author]

Posts