Changing column width ratio on file list pages

Phoca Download - download manager
User avatar
phunsoft
Phoca Member
Phoca Member
Posts: 31
Joined: 06 Sep 2023, 20:32

Changing column width ratio on file list pages

Post by phunsoft »

Is there a way to change the column ration on the download file list view? I'm using a rather large font (for specific reasons), and because of this, filenames wrap often in the file list view. Example

Image

From looking at the HTML, I understand the filename and button columns are set to bootstrp columns ratio 6:6.

Image

I'd rather have a ration of 9:3. There doesn't seem to be a setting in the options to change this. Is there a way to achieve this without modifying the code?

Regards
Peter
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Changing column width ratio on file list pages

Post by christine »

Hallo Peter,

Da Deine Seite in deutsch ist ... Hier Punkte, die mir in Moment einfallen. Ist aber noch ev. ausbaufähig :-)

- das Menü Modul auf Style html5 umschalten, dann kann man Bootstrap verwenden.

- im Menü (Seitenanzeige) CSS-Klasse Seite eintragen. Nur ich finde nicht den richtigen ....
https://getbootstrap.com/docs/5.3/utili ... g-elements

Liebe Grüße
Christine
User avatar
phunsoft
Phoca Member
Phoca Member
Posts: 31
Joined: 06 Sep 2023, 20:32

Re: Changing column width ratio on file list pages

Post by phunsoft »

Hallo Christine
Danke für deine Gedanken.
christine wrote: 22 Nov 2025, 21:06 - das Menü Modul auf Style html5 umschalten, dann kann man Bootstrap verwenden.
Ich verstehe nicht, was du meinst. Die Site läuft mit Joomla 5 und Helix Ultmate als Template und damit wird auch Bootstrap5 genutzt.

Der HTML Code definiert beide Spalten bereits mit Bootstrap Klassen:

Code: Select all

<div class="col-sm-6 col-md-6">
...
</div>
Ich sehe nicht, wie ich das im CSS ändern könnte, ohne das ganze Bootstrap Gefüge (vielleicht) durcheinander zu bringen.

Was ich bräuchte ist:

Linke Spalte:

Code: Select all

<div class="col-sm-9 col-md-9">
...
</div>
Rechte Spalte:

Code: Select all

<div class="col-sm-3 col-md-3">
...
</div>
Gruss
Peter
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Changing column width ratio on file list pages

Post by christine »

Hallo Peter,

Sorry, Ja Du hast Recht. Wir brauchen die Datei, die das HTML erzeugt. Ev. div id="phoca-dl-category-box" ...?

Ein Override vielleicht möglich? in: components/com_phocadownload/views/categories/tmpl/default.php
In Moment überfragt.

Liebe Grüße
Christine
Post Reply