Page 1 of 1

Widening column of album names - FIXED, w/ Pics and HOWTO

PostPosted: Sat Jul 26, 2008 8:17 pm
by supra92
It's been documented here how to change the width of the left frame that shows the list of artists, however....

When you click on an artist, the list of albums appears in the main frame. There's a leftmost column containing the Play, Add to Playlist, and Download icons, a center column with the album title, and then the HUGE right column showing all the album cover arts.

The problem is that the center column displaying the album name is too short. For example, I'm running SS on a Dell 2405FPW monitor at 1920x1200 resolution. Yet, here's what it looks like:

Image

See how the album titles are cramped and taking up 4-5 lines each, despite that TON of room off to the right? I'm not sure how to modify this because it's clearly a table column, not a frame.

Sindre, do you know where in the code this is located? It appears that the table columns are using fixed pixel widths for the 3 icons and the album titles, and that the 3rd column containing all the album art gets "the rest of the screen". I'd like to either increase the fixed size of the album title column, or make it a % width so that it expands as the screen's resolution expands.

Any help is greatly appreciated, and thanks!
Supra92

RESOLVED!

PostPosted: Sat Jul 26, 2008 9:28 pm
by supra92
So.... I took about half an hour to look at this thing, and I have figured out the solution :-) What each person wants is up to them, since there's arguments pro and con for fixed-pixel-width vs. % of screen. But here's where you go to change the values:

Locate the following dir:
/usr/share/tomcat5/webapps/subsonic/WEB-INF/jsp

Now open up the "main.jsp" file.

Scroll down past all of the <c:if test.... > statements, about 2/3rds of the way down until you reach this line:

<table cellpadding="10" style="width:100%"

Now look two lines down from that, this line here:

<td style="vertical-align:top;">

I changed that line to:

<td style="vertical-align:top;width:20%">

THis gives the area that displays the 3 icons (play/addtoplaylist/download) and the album titles a full 20% of the width of the table in that mainframe.

Now you need to take away some width from the albumart area. So go down further until you locate this line:

<td style="vertical-align:top;width:100%">

It's the same indentation level as the first line, it being the 2nd table cell in the row. Change that 100% to 80%.

Voila! Now there's room for the album names :-) Here's a pic of the resulting change:

Image

Feel free to modify those values as you see fit. You could use differing %s (such as 30% and 70%), or you could use a fixed pixel width for the first one.

Hope this helps others out, and cheers,
Supra92

PostPosted: Wed Aug 12, 2009 10:57 pm
by supra92
Whelp... over a year later, I've migrated off my old (loud!) server and onto a quieter Dell Optiplex for server usage, installed Scientific Linux 5.2, and have finally gotten around to re-installing Subsonic. Then it hit me -- dang, how to make that list of albums column wider?

It's definitely cool when a how-to you've posted over a year ago actually comes back to help you again down the road. Silly, I know, but thought people would get a chuckle out of it.

Subsonic is just fantastic -- an alltime fave OSS of mine. Great work, Sindre!

PostPosted: Fri Aug 14, 2009 9:48 am
by kdid
I used to see the problem with small album name column only in IE. When I am using Firefox or Opera I never see this problem. Normally I use FF or Opera for Subsonic, so I have not seen this for a while.

But today I tried this with IE 7.0.5730.11 and was not able to see the problem here either.

In what browser do you see this problem?