Author Topic: Looking for an Element  (Read 2694 times)

phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 7986
I have the Player Controls in the bottom panel and I'm trying to change the background of the middle section that contains the progress bar (in red rectangle.) Using hiccup's Sample Skin, that element is (should be) playerflat.background. But when I edit it, nothing changes.
Ideally I want to change the background color and the color of the progress bar. I want the background to match the background of the left and right sections.

Can someone please tell me what the element is?

Thanks.

Download the latest MusicBee v3.5 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
Check out the MusicBee Wiki.
How to post screenshots is here.

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 33267
this is all the relevant main player elements used for the default skin
PlayerFlat.DisplayPanel is the middle panel

Code
  <element id="PlayerFlat.Background" bg="205,205,205"  />
  <element id="PlayerFlat.BackgroundBorder" bdr="194,194,194" />
  <element id="PlayerFlat.DisplayPanel" bg="235,235,235" fg="MainFG" />
  <element id="PlayerFlat.NotLovedIcon" fg="110,110,110" />
  <element id="PlayerFlat.ProgressBarMiddle" bg="193,193,193" />
  <!-- PlayerFlat.ProgressBar differs from other progress bars in that fg is used for the fill colour and Player.ProgressButton is not used -->
  <element id="PlayerFlat.ProgressBar" bg="239,239,239" fg="100,100,100" bdr="190,190,190"/>
  <element id="PlayerFlat.Control.Default" fg="0,0,0" />
  <element id="PlayerFlat.Control.Disabled" fg="120,120,120" />
  <element id="PlayerFlat.Control.Highlight" fg="95,95,95" />
  <element id="PlayerFlat.VolumeIcon" fg="15,15,15" />
  <element id="PlayerFlat.VolumeSlideBar" fg="160,160,160" />
  <element id="PlayerFlat.VolumeSliderButton" fg="60,60,60" />
  <element id="PlayerFlat.StarRating.Default" fg="60,60,60" />
  <element id="PlayerFlat.StarRating.Lowlight" fg="180,180,180" />
  <element id="PlayerFlat.SpectrumDefault" bg="185,185,185" />
  <element id="PlayerFlat.SpectrumDead" bg="175,175,175" />
  <element id="PlayerFlat.SpectrumHigh" bg="80,80,80" />
  <element id="PlayerFlat.SpectrumMedium" bg="70,70,70" />
  <element id="PlayerFlat.SpectrumLow" bg="60,60,60" />
  <element id="PlayerFlat.Wavebar" fg="ProgressFG" fg2="150,150,150" />
  <element id="PlayerFlat.Wavebar.Inner" fg="ProgressFG" fg2="150,150,150" />

phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 7986
Thank you Steven.
Download the latest MusicBee v3.5 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
Check out the MusicBee Wiki.
How to post screenshots is here.

hiccup

  • Hero Member
  • *****
  • Posts: 6171
Using hiccup's Sample Skin, that element is (should be) playerflat.background. But when I edit it, nothing changes.
Is there an error in my skin that I should correct?

(I've got it saying it should be "PlayerFlat.DisplayPanel" by the way)

phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 7986
Using hiccup's Sample Skin, that element is (should be) playerflat.background. But when I edit it, nothing changes.
Is there an error in my skin that I should correct?
No, I'm pretty sure the problem is the idiot attached to the keyboard.

Quote
(I've got it saying it should be "PlayerFlat.DisplayPanel" by the way)
Interesting. I'm changing that to 255,0,0 as a test and it is not changing.
Look for a PM
Download the latest MusicBee v3.5 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
Check out the MusicBee Wiki.
How to post screenshots is here.

hiccup

  • Hero Member
  • *****
  • Posts: 6171
Using hiccup's Sample Skin, that element is (should be) playerflat.background. But when I edit it, nothing changes.
Is there an error in my skin that I should correct?
No, I'm pretty sure the problem is the idiot attached to the keyboard.

Quote
(I've got it saying it should be "PlayerFlat.DisplayPanel" by the way)
Interesting. I'm changing that to 255,0,0 as a test and it is not changing.
Look for a PM

What I meant was:

You said that when using the Sample Skin (colour picking the part of the panel from your screenshot), it directed you to the element "playerflat.background".

When I colour-pick that part of the panel, the Sample Skin indicates it is "PlayerFlat.DisplayPanel".
So I am confused why your result is different from mine.
I am strictly talking about the Sample Skin here.

phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 7986
When I colour-pick that part of the panel, the Sample Skin indicates it is "PlayerFlat.DisplayPanel".
So I am confused why your result is different from mine.
I am strictly talking about the Sample Skin here.
Sorry for the confusion. I was experimenting with the skin I'm trying to change.

Yes, I'm using the Sample Skin to pinpoint the element, but something is screwy.
Using color picker, the middle section where the progress bar is the background picks as 171,215,225 which comes up with no matches when I search the xml.

PlayerFlat.DisplayPanel shows as 5,80,186 in the xml.

So I guess the reason I'm confusing you is that I'm rather confused myself.
Download the latest MusicBee v3.5 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
Check out the MusicBee Wiki.
How to post screenshots is here.

hiccup

  • Hero Member
  • *****
  • Posts: 6171
Yes, I'm using the Sample Skin to pinpoint the element, but something is screwy.
Using color picker, the middle section where the progress bar is the background picks as 171,215,225 which comes up with no matches when I search the xml.

171,215,225 is correct, and it is also in the Sample Skin xml:
<element id="PlayerFlat.DisplayPanel" bg="171,215,225"

Perhaps you have accidentally altered it?
Just re-download it then?

phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 7986
Perhaps you have accidentally altered it?
Just re-download it then?
One problem solved. The sample skin I was using was over a year old. The one I just downloaded is from last month.

And I see that I'm missing some RGB values in PlayerFlat.DisplayPanel. And a few other PlayerFlat elements. So off to work I go.

Thanks.
Download the latest MusicBee v3.5 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
Check out the MusicBee Wiki.
How to post screenshots is here.

phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 7986
There's a lesson to be learned from this exercise, and thanks to hiccup, I'm sharing it with anyone else who comes up against similar problems.

Make sure that you are not missing elements. Even if you're not using them. In my case, I was working with the "PlayerFlat" group and once I added in five elements that were missing, I was able to modify the skin to my liking. I'm guess that the reason they were missing was that I was previously using Controls on Top. Since I wanted to take advantage of Steven's 'two wave bars' addition, I needed to have the controls on the bottom.
Download the latest MusicBee v3.5 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
Check out the MusicBee Wiki.
How to post screenshots is here.