getmusicbee.com

General => MusicBee Wishlist => Topic started by: lnminente on March 12, 2012, 01:53:25 PM

Title: Some changes for top bars
Post by: lnminente on March 12, 2012, 01:53:25 PM
1)Navigation bar
 I feel a bit confusing the change of position of the back button depending on the Left pannel being enabled or disabled. I propose setting the navigation bar static for an faster finding of back button when navigating by the different views:
(http://s8.postimage.org/7o1p1qv05/left.jpg)
On image the first capture is the actual behaviour, the second is the proposed one

2) Tabs on top
The menu could be converted to a button and the tabs could be in that bar, having more vertical space for seeing the list of tracks. The new tab button could be after the last tab.
(http://s18.postimage.org/w12ebm37d/Tabs_on_top.jpg)

It's all inspired in Firefox and the tending of GUI in browsers:
(http://s16.postimage.org/wcnziqs2t/firefox.jpg)

Title: Re: Some changes for top bars
Post by: ma_t14 on March 12, 2012, 02:07:27 PM
This was discussed in depth here: http://getmusicbee.com/forum/index.php?topic=4625.0

Unfortunately the idea has not gone through  ::)

+1
Title: Re: Some changes for top bars
Post by: HHM on March 12, 2012, 02:34:10 PM
+1
Title: Re: Some changes for top bars
Post by: lnminente on March 12, 2012, 05:20:31 PM
mmh i didn't see that thread before sorry. I have read it, it has many broken images but more or less i got it. The problem is integrating it with playing controls on top. When i'm back to my computer i will try to get a solution for integrating it.

Worth to mention a behaviour of firefox, i have the tabs on top without the window title and i can drag the window and resize it to half screen left, right and maximizing it using aero of windows 7. I have enabled the window title in MB to be able to do that.
Title: Re: Some changes for top bars
Post by: lnminente on March 12, 2012, 08:34:45 PM
I played changing some things for when displaying playing controls at top pane and this is the one i found less cluttered and following more the trending. I suggest "Skin window borders" for having the menu always at top left. This is the comparison between the actual layout and the proposed

(http://s15.postimage.org/bt83l2sgr/top_top.jpg)
Title: Re: Some changes for top bars
Post by: SimonBRT on March 14, 2012, 05:16:27 PM
+1
Title: Re: Some changes for top bars
Post by: HHM on March 14, 2012, 05:45:04 PM
lnminente, this is a bit offtop, but I woukld suggest you picking "skin window borders" in skin options to get rid off that upper Windows belt. this would give you a bit more of the webbrowser expernience.
Title: Re: Some changes for top bars
Post by: lnminente on March 14, 2012, 06:23:43 PM
Thanks HHM, I would like having it enabled, but just disabled it some time ago to be able to resize MB to the half screen using Aero Snap. Many times i connect the laptop to a TV at 1080p and aero snap becomes very helpful to put MB at half screen right
Title: Re: Some changes for top bars
Post by: Maleko12 on March 14, 2012, 07:20:37 PM
+1 If it won't take too much time to do.
Title: Re: Some changes for top bars
Post by: lnminente on May 18, 2012, 04:37:06 PM
This is a bit old now but...Up!  ;D

BTW i have noticed the "player control" misses some pixels in height when is docked at top
Title: Re: Some changes for top bars
Post by: silasje1 on May 18, 2012, 06:04:01 PM
Cant agree with TS number 1... It takes more space in height and works good enough in the place where it is now :)
Title: Re: Some changes for top bars
Post by: mikebo on May 26, 2012, 07:08:02 PM
I was thinking of the same thing as Inminente and Blinghound (his mockup (http://getmusicbee.com/forum/index.php?topic=6503.msg37434#msg37434)) but didn't want to post anything because i think that it will be a lot of work to implement these features so that they feel like integral part of the ui and not a gimmick. But since Steven expressed some interest in this i thought i'll also post a mockup. It almost exactly like the other ones with few extra bits.

(http://i.imgur.com/OjLzk.png)

Tabs are in the caption , but only above the main panel.

Menu Button over the navigation panel. When the left panel is hidden the menu button shrinks to just the icon:
(http://i.imgur.com/zQUS5.png)

The address bar is more like the one in explorer. Most notable feature - breadcrumbs. Mind blown :). Well maybe not but it would be a nice feature to have.
Title: Re: Some changes for top bars
Post by: cartman005 on May 26, 2012, 07:26:07 PM
What would happen when the track info is displayed on the top?
Title: Re: Some changes for top bars
Post by: Blinghound on May 26, 2012, 07:54:18 PM
I love this! The MusicBee button is a lot better than the one I could draw, and so are the translucent tabs! Let's hope the breadcrumbs feature gets implemented.
Title: Re: Some changes for top bars
Post by: lnminente on May 26, 2012, 08:08:37 PM
Really nice Mikebo :o
The inactive tabs shown as traslucent are really nice, and if i'm not wrong i think we could use MB as a standard window and that would avoid some problems with windows management.

What would happen when the track info is displayed on the top?
I think it could fit well down the navigation bar
Title: Re: Some changes for top bars
Post by: mikebo on May 26, 2012, 08:13:27 PM
What would happen when the track info is displayed on the top?
I don't have a good answer to that. I think that it shouldn't go between the tabs from the address bar, i see the tabs and address bar as one element.
The player controls could go under the caption with the tabs and address bar below, much like it is now only the tabs are below address bar. Unfortunately we would lose the extra space we got from moving tabs to caption area, but i don't see any other solution for skins like yours that rely on the controls being up top.

Really nice Mikebo :o
The inactive tabs shown as traslucent are really nice, and if i'm not wrong i think we could use MB as a standard window and that would avoid some problems with windows management.
I don't like it when applications draw their own window borders, but some people like it that way.
Title: Re: Some changes for top bars
Post by: Steven on June 04, 2012, 04:11:21 PM
i've made the change so the menu can now be displayed as a button (like Firefox) - it replaces the auto-hide option for the menu bar in the Layout preferences
show menu in: Caption Bar (Button)

i have also added a couple of skin elements for when the default menu button colours dont work so well - see the new skin elements topic for that

http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip

next up i will add an option to show the tabs in the caption bar, however that is not as easy as i thought it was going to be. When this config is set, it will force the menu button setting
Title: Re: Some changes for top bars
Post by: beeing good on June 04, 2012, 05:06:12 PM
Nice  8)
Title: Re: Some changes for top bars
Post by: lnminente on June 04, 2012, 10:46:30 PM
MANY thanks for your big efforts Steven!
It looks very nice, and before you advance more with the tabs to save some work, could someone verify if when MB is maximized the caption bar has a few pixels less in height? I see the buttom a bit bigger than the caption bar when maximized.

(http://s13.postimage.org/w9petnt7r/Untitled.jpg)
Title: Re: Some changes for top bars
Post by: Steven on June 05, 2012, 11:53:01 AM
MANY thanks for your big efforts Steven!
It looks very nice, and before you advance more with the tabs to save some work, could someone verify if when MB is maximized the caption bar has a few pixels less in height? I see the buttom a bit bigger than the caption bar when maximized.
i already put in handling so that the button height should be no more than the caption height and in my testing its handling correctly. Did you get the updated musicbee.exe during the day or the one posted on the weekly updates topic? And if it is the most recent, is there anything unusual about your setup eg. not using 96DPI, large default font in MB, tweaked window border settings, custom UI theme etc
Looking at your screenshot, there is only 1px available before the icon overflows to the bottom button border
Title: Re: Some changes for top bars
Post by: lnminente on June 05, 2012, 03:40:43 PM
Good news, it was my configuration, it seems i configured the height of the captions to be 19 pixels instead of 21. I'm always looking for more vertical space  ;D
EDIT: That value is stored in HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics

(BTW, if some people can't see the button we should ask them for enabling "Desktop composition" in the appearance options of windows.)
Title: Re: Some changes for top bars
Post by: Steven on June 05, 2012, 10:30:34 PM
EDIT: That value is stored in HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics
because this is a not info from a standard windows API call i am not sure what i will do with this. I believe the registry entry is not supported in windows 8. So i will leave this for now
Title: Re: Some changes for top bars
Post by: Steven on June 05, 2012, 10:35:02 PM
i have implemented tabs in the caption bar (set in the layout preferences/ main panel config)
i have done basic testing but it needs more testing, so keep a copy of your current version in case you find something you dont like

http://musicbee.niblseed.com/V2/MusicBee_Exe_Patched.zip

for skin creators, a couple of override elements when the tabs are displayed in the caption bar - borders are ignored and set to windows values when displayed in the windows glass area
  <element id="TabsBar.TabInCaptionBar.Default" bg="225,225,225" fg="30,30,30" bdr="170,170,170" />
  <element id="TabsBar.TabInCaptionBar.Highlight" bg="245,245,245" fg="20,20,20" bdr="190,190,190" />
Title: Re: Some changes for top bars
Post by: beeing good on June 06, 2012, 03:00:55 AM
I haven't tested it much yet but the tabs in the caption bar is a very nice feature, it seems to work really well.
Title: Re: Some changes for top bars
Post by: lnminente on July 18, 2012, 10:23:30 AM
Hi Steven, i would like to remove the dark line between tabs on top and the player controls without enabling skinning borders for better windows compatibility. Is there a margin option i could change? TIA

(http://s18.postimage.org/am2dzlqed/border.jpg) (http://postimage.org/image/am2dzlqed/)
Title: Re: Some changes for top bars
Post by: Steven on July 18, 2012, 06:14:13 PM
for better windows compatibility
what do you mean by that? the border under the caption bar comes from windows or have misunderstood what you meant
Title: Re: Some changes for top bars
Post by: lnminente on July 18, 2012, 07:32:48 PM
I'm saying windows as the "dialogs", not as the O.S. of course. I'm refering to the aero functionality for example, i remember you had to do some tricks to do it work similar, and have some exceptions like the compact player. I would prefer not skinning borders for maximun compatibility with aero, multiple monitors, etc.

If i'm right, that line comes from the tabs not docked to the most bottom pixels from the caption bar. Would give a lot better aspect if we could remove it :)
Title: Re: Some changes for top bars
Post by: lnminente on July 18, 2012, 11:58:09 PM
This is an example from a modified version from the outlook skin from jistme. The first one is the actual behaviour, the second one is a mockup with that line removed:

(http://s13.postimage.org/55azx2h53/black_line.png)