Resize left side panel

General discussions.

Moderator: moderators

Resize left side panel

Postby bebopblues » Wed Aug 15, 2012 3:31 am

Asked this before, but didn't get an answer. How do I make the left side panel so that it's wider?

Example:

Before:
Image

After:
Image
bebopblues
 
Posts: 9
Joined: Sat Apr 09, 2011 8:16 pm

Re: Resize left side panel

Postby rastapi » Thu Aug 16, 2012 4:47 pm

I don't know, how do you resize left side panel?
4.7.beta3
Raspberry Pi (model b)
ARM1176JZF-S 700 MHz processor
256 mb RAM
Rasbian OS
100gb (and growing...)
rastapi
 
Posts: 18
Joined: Wed Jul 25, 2012 11:18 pm

Re: Resize left side panel

Postby hakko » Thu Aug 16, 2012 4:51 pm

You search for "resize" on the forum (the box in the upper right corner) and then you find out that you have to alter index.jsp.
MusicCabinet developer
hakko
 
Posts: 1416
Joined: Tue Apr 17, 2012 7:05 pm
Location: Sweden

Re: Resize left side panel

Postby bebopblues » Thu Aug 16, 2012 9:23 pm

hakko wrote:You search for "resize" on the forum (the box in the upper right corner) and then you find out that you have to alter index.jsp.

Thanks for the help, I was looking everywhere for the file that controls that, so I found it in index.jsp. located here: C:\subsonic\jetty\xxxx\webapp\WEB-INF\jsp

Code: Select all
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html><head>
    <%@ include file="head.jsp" %>
    <link rel="alternate" type="application/rss+xml" title="Subsonic Podcast" href="podcast.view?suffix=.rss">
</head>

<frameset rows="70,*,0" border="0" framespacing="0" frameborder="0">
    <frame name="upper" src="top.view?">
    <frameset cols="25%,75%" border="0" framespacing="0" frameborder="0">
        <frame name="left" src="left.view?" marginwidth="0" marginheight="0">

        <frameset rows="70%,30%" border="0" framespacing="0" frameborder="0">
            <frameset cols="*,${model.showRight ? 230 : 0}" border="0" framespacing="0" frameborder="0">
                <frame name="main" src="nowPlaying.view?" marginwidth="0" marginheight="0">
                <frame name="right" src="right.view?">
            </frameset>
            <frame name="playQueue" src="playQueue.view?">
        </frameset>
    </frameset>
    <frame name="hidden" frameborder="0" noresize="noresize">

</frameset>

</html>

Just edit the percentages:
<frameset cols="15%,85%" border="0" framespacing="0" frameborder="0">
bebopblues
 
Posts: 9
Joined: Sat Apr 09, 2011 8:16 pm

Re: Resize left side panel

Postby audioscavenger » Wed Jan 09, 2013 2:43 pm

here is my onw modification : involving manual resize of any panels + autoresize of the chat panel :

Code: Select all
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html><head>
    <%@ include file="head.jsp" %>
    <link rel="alternate" type="application/rss+xml" title="Subsonic Podcast" href="podcast.view?suffix=.rss">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/jScrollPane/scripts/jScrollPane.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/jScrollPane/scripts/jquery.mousewheel.js"></script>
    <script type="text/javascript">
   $(function() {
      $('#frame-left').jScrollPane();
   });
   $(function() {
       $("#right")
      .mouseover(function() {
          document.getElementById('middleframe').cols = '*,200';
      })
      .mouseout(function() {
          document.getElementById('middleframe').cols = '*,20';
      });
   });
    </script>
</head>

<frameset rows="70,*,0" border="0" framespacing="0" frameborder="0">
    <frame name="upper" src="top.view?">
    <frameset cols="15%,85%" border="1" framespacing="0" frameborder="1">
        <frame name="left" src="left.view?" marginwidth="0" marginheight="0">

        <frameset rows="50%,50%" border="1" framespacing="0" frameborder="1">
            <frameset id="middleframe" cols="*,${model.showRight ? 20 : 0}" border="1" framespacing="0" frameborder="1">
                <frame id="main" name="main" src="nowPlaying.view?" marginwidth="0" marginheight="0">
                <frame id="right" name="right" src="right.view?" scrolling="no">
            </frameset>
            <frame name="playQueue" src="playQueue.view?">
        </frameset>
    </frameset>
    <frame name="hidden" frameborder="0" noresize="noresize">

</frameset>

</html>
audioscavenger
 
Posts: 10
Joined: Wed Jan 02, 2013 5:53 pm


Return to General

Who is online

Users browsing this forum: No registered users and 12 guests