Outlook Theme

[pdcorcoran]

Installing 3.3 resolved the issue I had with the top bar, which now is wide enough vertically to avoid the scroll bar and fully display the icons. Looks cool.

On the calendar on the right, "<<" and "<" and "Aug 2011" are superimposed. The week also starts on Monday, whereas I am used to seeing it shown as starting on Sunday. That could be just a preference thing

The centre column showing the 10 album covers on top and the player below: the two screens are split such that their vertical heights are the same. As such I can only see five covers, the album cover frame has a scrollbar, and there is wasted space at the bottom of the player. What edits can I make in which file to increase the album cover frame height and decrease the player frame height?

Thanks.

[trickydick]

in firefox, the calendar month does display to the left. Somewher int eh subsonic CSS its doing it, but in the actually script on the source site does not. Still looking into it. the calendar start day is changeable. open the scripts\jscal_en.js in notepad and edit the very first line from :

Code: Select all

Calendar.LANG("en", "English", {

        fdow: 1,                // first day of week for this locale; 0 = Sunday, 1 = Monday, etc.

to

Code: Select all

Calendar.LANG("en", "English", {

        fdow: 0,                // first day of week for this locale; 0 = Sunday, 1 = Monday, etc.

Can you show me a screenshot? i work better with a visual. Also what is your screen resolution?

The wasted space for the player is for you playlist correct? or are you talking right below the player? If thats the case it most likely its a cache thing. at that particular part it is written in jquery so the caching stays no matter what you do, unless you restart your services and clear the cache. It should be very "tight" between the bar and playlist.

[utopian]

just installed this..looks great..using the outlook silver at the mo..nice job

[pdcorcoran]

in firefox, the calendar month does display to the left. Somewher int eh subsonic CSS its doing it, but in the actually script on the source site does not. Still looking into it. the calendar start day is changeable. open the scripts\jscal_en.js in notepad and edit the very first line from :

Can you show me a screenshot? i work better with a visual. Also what is your screen resolution?

The wasted space for the player is for you playlist correct? or are you talking right below the player? If thats the case it most likely its a cache thing. at that particular part it is written in jquery so the caching stays no matter what you do, unless you restart your services and clear the cache. It should be very "tight" between the bar and playlist.

Thanks for the editing tip. Now showing the week as Sun-Sat

My screen resolution is 1900x1620 (or something like that)

Screenshot attached

Capture.JPG

[utopian]

Sorry Sorry Sorry it was a caching issue. What finally worked was deleting my jsp folder (subsonic/jetty/####/jsp) and allowing it to be recreated.

Hi sorry can u just clarify what folder you had to del. to sort this.. i'm getting the same issue where the top bar is slightly squashed in...

I'm running on win 2008

Thanks

[utopian]

just one more thing... accessing outside my home network and the fonts looks slightly different.. do i need to install any fonts on my remote PC which is accessing back to the home LAN ?

thnaks

[trickydick]

utopian » No special fonts (at least for Windows users): Microsoft Tai Le;
Your screenshot look fine. I see the scrunched up main panel, but that seems more like a resolution issue than code...keep it at 1280x1024 or higher. If you have a lower height, you can lower the playlist frameset number in the index,jsp. In your admin settings how big did you set the thumbnails?

[boognish43]

Wow! Very impressed with the way this looks! Thanks for creating this and making the web presence look so polished!
I am having an issue with the top bar.. it isnt long enough vertically and there are scroll bars
I attached a screen shot, hope you can help get this fixed for me
thanks!

Untitled-3.jpg

[trickydick]

You either didn't import everything or u have not cleared ur cache. The one thing that is different with my themes compared to others is I turned most of the pages into tableless pages (divs). In doing so I had to change a lot of code. Basically, all the original subsonic java code is still in tacked; The html has changed.

To use my theme, it is required you follow these steps:
1. Be sure to overwrite ALL files.
2. BACKUP if its necessary.
3. Stop the tomcat or jetty service.
4. Clear all browser cache and server cache (if exists).
5. then restart services.

[califrag]

Hey tricky, first off a huge THANK YOU for this theme, it is a huge improvement over the default UI as others have mentioned.

I did experience some issues with the installation, like the scrunched top bar and a few other minor issues.

To fix the top bar, I had to delete the subsonic/jetty/###/jsp folder and clear my cache as stated earlier in the thread.

My calendar was displaying the month to the left like pdcorcoran's screenshot, I fixed this by opening script/jscal2.js and changing the following:

Code: Select all

"<table class='DynarchCalendar-titleCont'"

to

Code: Select all

"<table class='DynarchCalendar-titleCont' style='margin:auto'"

This will fix the issue for any theme that has the problem...

After researching, this same thing can be accomplished by adding this line to outlook_black.css

Code: Select all

.DynarchCalendar-titleCont { margin: auto; }


This will fix the issue for only the outlook_black theme...

I made a LOT of other changes to the theme... not sure how I can post them, but here's what I've modified:

• left.jsp: Removed "dotbars" div elements which did not render properly.
• left.jsp: "Shortcuts", "Internet TV\Radio" changed to accordion style at the top of list.
• left.jsp: "Music Count\Index" changed to accordion style at the bottom of list.
• left.jsp: "Folder List" and "Album List Size" dropdown styles modified.
• outlook_black.css: Lots of miscellaneous margin and padding adjustments and other changes.
• outlook_black.css: Modified player controls hover style (solidblockmenu li a:hover).
• outlook_black.css: Added "searchboxcenter" div that dynamically centers but can be anchored using "float:left"
• home.jsp, home_searchbox.jsp: Added javascript functions to preserve 'Home' album list size, type and offset settings.
• home.jsp, main.jsp, settingsHeader.jsp: Added str:capitalize tags to set title case to categories, play options and settings links.
• home.jsp: Changed playcount string "Played 1 songs" to "Played 1 song". Changed lastplayed string 'Played MM/DD/YYYY" to "Last played MM/DD/YYYY"
• main.jsp: Changed playcount string "Played 1 times" to "Played Once".
• main.jsp: Search links are now icons and changed to "float:right".
• main.jsp: Search urls use Google "site:site.com" and "I'm Feeling Lucky" (seems to provide more accurate results)
• home_searchbox.jsp: Removed album navigation controls when list type 'users' selected.
• home_searchbox.jsp, main_searchbox.jsp, changeCoverArt.jsp: Adjusted pagination links div placement and alignment.
• main_searchbox.jsp: Removed 'Other Albums" div when no other albums available.
• changeCoverArt.jsp: Modified to always show "Previous" and "Next" links (set to "#" when at the first or last page).
• changeCoverArt.jsp: Miscellaneous margin and padding adjustments.
• podcastReceiver.jsp, settingsHeader.jsp, status.jsp, help.jsp, db.jsp: Added searchbox header and changed control placement and alignment.
• shareSettings.jsp: Fixed to show all settings for admin users (preserves settingsHeader.jsp).
• help.jsp: Centered tables and log files information.
• playlist.jsp: Adjusted playlist solidblockmenu controls to "float:right"
• top.jsp: Removed javascript topimg onmouseover switching and uses :hover instead.
• minisub: updated to latest version released 9/17/2011

There are still a few other items on my 'todo' list, like cleaning up 'more.jsp' , 'donate.jsp' and 'db.jsp' and a few other miscellaneous things...

I've only made these changes to the 'outlook_black" theme and do not plan to make the changes to the silver or blue versions (since I can't remember what exactly changed....)

Not sure if anyone is interested in these changes, but I figured I would post the changes I've made to hopefully work towards being able to release the updated version...

I can post new screenshots if any interest, just say so..

Also, just a note... I use Chrome browser primarily, and I am not sure if I broke the way Firefox renders the pages, but it doesn't look as nice in Firefox as it does Chrome...

[trickydick]

I'm impressed. I would to like see a few screenshots if u don't mind. I'm always looking for ways to improve the themes. There are a lot of pages I haven't fully completed like the db.isp. if u view the page you'll see what is done. The calendar thing was something I was searching for for a while. I'm surprised it was such a minut change. I was looking more at a larger scale I guess. I've made a few areas to use nice forms CSS, but would like to implement it in other areas like the login.jsp and the playlist.jsp form.

I'm working on a new theme before I start the big project of rewriting the subsonic structure. I will post screenshots and its theme name soon enough.

The number one thing for my themes are to convert everything into tableless design using only CSS as the theme control. With that we can rearrange sections to fully customize subsonic.

What I really want is to be able to combined all the frames into a single page, giving full control of the layout. In time I guess.


Cant wait to see some screenshot.....

[trickydick]

U still have the top.jsp size issue, even after replacing the index.jsp? The index.jsp is also linked to all the theme files to determine the height of the top frame.

Whats odd is u don't have to mod my theme to get it to work. Just a copy and replace. Restart...and boom. But what I find is users that have the subsonic jetty web service, tend to have more issues with the server caching old pages, even after clearing it. Some users state they have to open each file and save it with no changes do that jetty will recognize the modded files. I've had users go as far as reloading it and modding before starting the service. I don't understand it. I use tomcat with iis redirect, and works 120% better. I never have cache issues, and the speed is a lot better.

[califrag]

I'm impressed. I would to like see a few screenshots if u don't mind. I'm always looking for ways to improve the themes. There are a lot of pages I haven't fully completed like the db.isp. if u view the page you'll see what is done. The calendar thing was something I was searching for for a while. I'm surprised it was such a minut change. I was looking more at a larger scale I guess. I've made a few areas to use nice forms CSS, but would like to implement it in other areas like the login.jsp and the playlist.jsp form.

I'm working on a new theme before I start the big project of rewriting the subsonic structure. I will post screenshots and its theme name soon enough.

The number one thing for my themes are to convert everything into tableless design using only CSS as the theme control. With that we can rearrange sections to fully customize subsonic.

What I really want is to be able to combined all the frames into a single page, giving full control of the layout. In time I guess.


Cant wait to see some screenshot.....

Thanks! Really excited to see what your new theme will look like!

I fixed the stuff I broke, here are some screenshots from Chrome browser:

http://imgur.com/a/eChzr

The topimg hover and click colors are done in css, not using 'onmouseover' image swap.

There are still a few minor graphical issues like the right-side border of the searchbox....

And I'm still having a little trouble with Firefox rendering it nicely... IE9 renders it the same as Chrome, still messing with IE8 and lower compatibility (things are messed up)

[trickydick]

It looks good to me. Is that only after u made changes? I noticed some page changes but the layout looks correct. Once u feel its complete, if u like we can combine or changes into a final mod for download. I know ur only focused on the black theme....I'm sure I can work on the others. How does the older themes look?

[califrag]

yep this is only after I've made changes.

It's far from 'complete'... Right now I'm focused on the black theme... Once I'm done I am hoping it will be as easy as copying the black theme css file(s) and replacing the color settings for the blue and silver themes.

The older themes.... Well... they all got really broken...

I've been going in and modifying the default css and older theme css files to display everything correctly, so eventually all the themes will be working nicely....

I've added a few more tweaks/enhancements...

• Separated Music Folder dropdown box so it stays on top of accordion.
• Modified left frame so accordion is within its own div and has a nicer scrollbar.
• 'Artist' page displays artist name highlighted in top bar.
• 'Album' page navigation updated: When only one album available, adds 'Artist' link in top bar. When two or more albums available, selected album is highlighted in top bar.
• Artist/Album page: When artist name or album name more than 25 character length, a marquee is added to 'scroll' the artist or album name.
• Page title (in the tab-bar) updates with Now Playing info (artist - title) so when browsing web and listening to web player you dont have to switch tabs to see song info.

I'll get some more screenshots soon...