Print Page - How can I change the Last.fm icon in the main player panel?

Support => Developers' Area => Skins => Topic started by: mvana on November 19, 2021, 02:06:21 AM

Title: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 19, 2021, 02:06:21 AM

Hi! How can I change the Last.fm icon in the main player panel? What are the element id for selected, mouse hover, disconnected and connected?
And how many pixel are the size of the png icon for Last.fm?

I'll upload the source once I'm done making the skin

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: The Incredible Boom Boom on November 19, 2021, 03:59:41 AM

Code

iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNpi/P//PwMlgImBQjDwBrAgc86amIgCqZlA7AHEu4G4CSQMxLpAXA3ETkB8EIizjM+ceY1hABD0AnEglO0HxPZA7AbEu4CYHyoeAsTfgTgOmxdi0fggTSeRNGOoo3ogdhOprwmXAZVA3EdAcwc+A/4CcTEQ2+LQbAK15C/WaEQCR4BYGIjfIomB+O/wpgM0AFLMDsQ/gZgLGnUYgHHoZyaAAAMANqIhDnrEvjgAAAAASUVORK5CYII=
		</element>
		<element id="LastFmLoveSelected">
		iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNpi/P//PwMlgImBQjDwBrAgc86amIgCqZlA7AHEu4G4CSQMxLpAXA3ETkB8EIizjM+ceY1hABD0AnEglO0HxPZA7AbEu4CYHyoeAsTfgTgOmxdi0fggTSeRNGOoo3ogdhOprwmXAZVA3EdAcwc+A/4CcTEQ2+LQbAK15C/WaEQCR4BYGIjfIomB+O/wpgM0AFLMDsQ/gZgLGnUYgHHoZyaAAAMANqIhDnrEvjgAAAAASUVORK5CYII=
		</element>
		<element id="LastFmLoveBright">
		iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAtElEQVQ4T2PYv38/AyWYIs0giweZAZs2bRIF4nVA/A2INwKxMciZQFoXiFcA8SsgXg1SBws3FC8AJRYB8f8tW7b8B9FA/AGIzaD0/82bN8PEF+EyAKwIZACSIWBNMDGYIUQZANOETBMyoAvZNnQDkLzQiMsFzEADeqH+hzsbzTvtQHlmrAbABIEKbJANgbFhsYKccnEmJKBiISSNoIAUwpbk8aZEoCY2qCGcuPLLIEvK5GRrAMfOcY04HygNAAAAAElFTkSuQmCC
		</element>
		<element id="LastFmNotLove">
		iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAtElEQVQ4T2PYv38/AyWYIs0giweZAZs2bRIF4nVA/A2INwKxMciZQFoXiFcA8SsgXg1SBws3FC8AJRYB8f8tW7b8B9FA/AGIzaD0/82bN8PEF+EyAKwIZACSIWBNMDGYIUQZANOETBMyoAvZNnQDkLzQiMsFzEADeqH+hzsbzTvtQHlmrAbABIEKbJANgbFhsYKccnEmJKBiISSNoIAUwpbk8aZEoCY2qCGcuPLLIEvK5GRrAMfOcY04HygNAAAAAElFTkSuQmCC
		</element>
		<element id="PlayerLastFmLove">
		iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNpi/P//PwMlgImBQjDwBrAgc86amIgCqZlA7AHEu4G4CSQMxLpAXA3ETkB8EIizjM+ceY1hABD0AnEglO0HxPZA7AbEu4CYHyoeAsTfgTgOmxdi0fggTSeRNGOoo3ogdhOprwmXAZVA3EdAcwc+A/4CcTEQ2+LQbAK15C/WaEQCR4BYGIjfIomB+O/wpgM0AFLMDsQ/gZgLGnUYgHHoZyaAAAMANqIhDnrEvjgAAAAASUVORK5CYII=
		</element>
		<element id="PlayerLastFmLoveBright">
		iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAtElEQVQ4T2PYv38/AyWYIs0giweZAZs2bRIF4nVA/A2INwKxMciZQFoXiFcA8SsgXg1SBws3FC8AJRYB8f8tW7b8B9FA/AGIzaD0/82bN8PEF+EyAKwIZACSIWBNMDGYIUQZANOETBMyoAvZNnQDkLzQiMsFzEADeqH+hzsbzTvtQHlmrAbABIEKbJANgbFhsYKccnEmJKBiISSNoIAUwpbk8aZEoCY2qCGcuPLLIEvK5GRrAMfOcY04HygNAAAAAElFTkSuQmCC
		</element>

These are the tags that appear in my skin (which I did from the bottom up using @hiccup's excellent Sample Skin.) I can't remember the answer to your last question and I'm not sure about mouse hover, connected or disconnected. I also don't use the Player Controls panel, so I'm not exactly sure if those element ids are for the stock icon or not. Hopefully one of the more experienced skin designers can provide more assistance.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 19, 2021, 04:26:45 AM

Thanks for the response. I've found those codes already and I think the last.fm icons are only bitmap. Not sure about the codes though

We'll need this https://getmusicbee.com/addons/misc/77/bee78-source-files/

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 19, 2021, 07:20:52 AM

Quote from: The Incredible Boom Boom on November 19, 2021, 03:59:41 AM

These are the tags that appear in my skin (which I did from the bottom up using @hiccup's excellent Sample Skin.)

Thnx, but those are indeed the small 16x16 'loved' icons.
Editing the bigger LastFM button(s) can only be done for bitmapped skins.
They need to be image files, of which you can decide the size for yourself:

LastFmOn.png
LastFmOnHighlight.png
LastFmOff.png
LastFmOffHighlight.png
LastFmError.png
LastFmErrorHighlight.png

Note that for the highlight (hover over) feature to work, you need to have the elements for those in the skin.xml too. (not all skins you may use as a template may have them)

Code

<element id="LastFmButton" parent="Panel">
  <left relativeTo="Panel.Left" offset="5" />
  <top relativeTo="Panel.Bottom" offset="-36" />
  <images category="Off"
    default="Images\LastFmOff.png"
    highlight="Images\LastFmOffHighlight.png"
  />
  <images category="On"
    default="Images\LastFmOn.png"
    highlight="Images\LastFmOnHighlight.png"
  />
  <images category="Error"
    default="Images\LastFmError.png"
    highlight="Images\LastFmErrorHighlight.png"
  />
</element>

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 19, 2021, 12:17:10 PM

Thanks for the help @hiccup , that makes it clear. Is it possible to only add the images without their positions, so they can be in their default position?

Quote

Code

 <left relativeTo="Panel.Left" offset="5" />
  <top relativeTo="Panel.Bottom" offset="-36" />

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 19, 2021, 01:05:07 PM

Quote from: mvana on November 19, 2021, 12:17:10 PM

Is it possible to only add the images without their positions, so they can be in their default position?

I'm pretty sure that's impossible.
When creating a bitmapped skin you will need to specify the positions of all the elements/buttons.
What is not required, is to create images yourself for all of them. You can set it in the skin.xml to have MusicBee generate default images for elements.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 19, 2021, 05:58:26 PM

Quote from: hiccup on November 19, 2021, 01:05:07 PM

When creating a bitmapped skin you will need to specify the positions of all the elements/buttons.
What is not required, is to create images yourself for all of them. You can set it in the skin.xml to have MusicBee generate default images for elements.

I've tried to add positions for few elements and it almost works but track time is out of place (it's sticking out), how can I fix it?
(https://i.imgur.com/Ea2iott.jpg)

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 19, 2021, 06:26:02 PM

Quote from: mvana on November 19, 2021, 05:58:26 PM

I've tried to add positions for few elements and it almost works but track time is out of place (it's sticking out), how can I fix it?

I'm not sure I understand the question since my answer seems too obvious:
Position "TrackPosition" a bit to the left, or position the right of "ProgressBar" a bit to the right.
How to do that exactly may depend on what element you have anchored to what other element.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 19, 2021, 10:53:17 PM

Quote from: hiccup on November 19, 2021, 06:26:02 PM

[what element you have anchored to what other element.

I've applied that but after resizing the window all the icons go out of place
(https://i.imgur.com/IHAnS9G.jpg) I most likely added some element or didn't add something

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 20, 2021, 07:19:04 AM

Quote from: mvana on November 19, 2021, 10:53:17 PM

I've applied that but after resizing the window all the icons go out of place

That looks like the person who created the skin.xml used horizontal centering for some elements.
If you don't want that you'll need to use fixed values for anchoring to 'left' or 'right' of other elements.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 20, 2021, 10:44:05 AM

Quote from: hiccup on November 20, 2021, 07:19:04 AM

That looks like the person who created the skin.xml used horizontal centering for some elements.
If you don't want that you'll need to use fixed values for anchoring to 'left' or 'right' of other elements.

I've tried changing things in skin.xml but couldn't fix that and now suddenly when I add-

Code

  <element id="Panel">
    <images stretchY1="1" stretchY2="1"
      default="Images\Background.png"
  />
  </element>

MusicBee can't start and shows errors.

So far the code-

Code

<?xml version="1.0" encoding="utf-8"?>

<root sourceSkin="TEST THEME">




<element id="Speaker" parent="Panel">
  <left relativeTo="Panel.Left" offset="142" />
  <top relativeTo="Panel.Top" offset="29" />

</element>

<element id="VolumeSlidebar" parent="Panel">
  <left relativeTo="Speaker.Left" offset="32" />
  <top relativeTo="Speaker.VerticalCenter" offset="0" />

</element>



<element id="TrackInfoPanel" parent="Panel">
  <left relativeTo="ProgressBar.Left" offset="0" />
  <top relativeTo="Panel.VerticalCenter" offset="0" />
  <right relativeTo="Panel.Right" offset="-300" />
  <bottom relativeTo="Panel.Bottom" offset="-10" />
</element>



<element id="ProgressBar" parent="Panel">
    <left relativeTo="Panel.Left" offset="300" />
    <top relativeTo="Panel.Bottom" offset="-14" />
    <right relativeTo="Panel.Right" offset="-300" />
    <bottom relativeTo="Panel.Bottom" offset="-8" />
    <bufferingMargin top="2" bottom="2" left="2" right="2" />
    
</element>



<element id="TrackLove" parent="Panel">
  <left relativeTo="ProgressBar.Left" offset="0" />
  <top relativeTo="Panel.VerticalCenter" offset="0" />

  <images category="NotLoved"
      default="Images\LoveNot.png"
      highlight="Images\LoveBright.png"
  />
  <images category="Loved"
      default="Images\Love.png"
	  highlight="Images\LoveNot.png"
  />
</element>


<element id="TrackRating" parent="Panel">
  <left relativeTo="TrackLove.Left" offset="24" />
  <top relativeTo="Panel.VerticalCenter" offset="0" />
</element>



<element id="EqualiserButton" parent="Panel">
  <left relativeTo="LastFmButton.Left" offset="-56" />
  <top relativeTo="Panel.VerticalCenter" offset="0" />
  <images category="Off"
    default="Images\EQ.png"
	highlight="Images\EQ-High.png"
  />
  <images category="On"
    default="Images\EQ.png"
	highlight="Images\EQ-High.png"
  />
</element>



<element id="LastFmButton" parent="Panel">
  <left relativeTo="RepeatButton.Left" offset="-56" />
  <top relativeTo="Panel.VerticalCenter" offset="0" />

  <images category="Off"
    default="Images\LastfmMonOff.png"
    highlight="Images\LastfmMonBright.png"
  />
  <images category="On"
    default="Images\LastfmMonOn.png"
	highlight="Images\LastfmMonBright.png"
  />
  <images category="Error"
    default="Images\Error.png"
	highlight="Images\ErrorBright.png"
  />
</element>


<element id="RepeatButton" parent="Panel">
    <left relativeTo="ShuffleButton.Left" offset="-56" />
    <top relativeTo="Panel.VerticalCenter" offset="0" />
    <images category="Off"
      default="Images\Repeat Off.png"
	  highlight="Images\Repeat Off-High.png"
    />
    <images category="On"
      default="Images\Repeat All.png"
	  highlight="Images\Repeat All-High.png"
    />
    <images category="One"
      default="Images\Repeat Once.png"
	  highlight="Images\Repeat Once-High.png"
    />
</element>

<element id="ShuffleButton" parent="Panel">
    <left relativeTo="Panel.Right" offset="-56" />
    <top relativeTo="Panel.VerticalCenter" offset="0" />
    <images category="Off"
      default="Images\Shuffle Off.png"
      highlight="Images\Shuffle Off-High.png"
    />
    <images category="On"
      default="Images\Shuffle On.png"
      highlight="Images\Shuffle On-High.png"
    />
    <images category="AutoDJ"
      default="Images\AutoDJ.png"
      highlight="Images\AutoDJ-High.png"
    />
</element>

</root>

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 20, 2021, 03:11:41 PM

Quote from: mvana on November 20, 2021, 10:44:05 AM

I've tried changing things in skin.xml but couldn't fix that and now suddenly when I add-
Code
  <element id="Panel">
    <images stretchY1="1" stretchY2="1"
      default="Images\Background.png"
  />
  </element>
MusicBee can't start and shows errors.

I don't know what is wrong exactly, but I do notice you have removed quite a few elements from the skin.xml
Not sure if that is directly related to your problem, but as a general rule I would start with a well-functioning skin.xml, and then edit or remove things step-by-step.
That should make it easier to spot where things go wrong.
If that doesn't work and you keep getting errors you could post the error message. That might give a clue.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 23, 2021, 03:22:03 PM

Quote from: hiccup on November 20, 2021, 03:11:41 PM

I don't know what is wrong exactly, but I do notice you have removed quite a few elements from the skin.xml

I started from a non bitmap skin, and started to add bitmap elements, that probably messed something up

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 25, 2021, 07:02:19 AM

Quote from: hiccup on November 20, 2021, 03:11:41 PM

If that doesn't work and you keep getting errors you could post the error message. That might give a clue.

I started with a sample skin and I get 2 errors -

Quote

MusicBee v3.4.7805.33439D (Win10.0), 25 Nov 2021 12:58:

System.NullReferenceException: Object reference not set to an instance of an object.
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zOsNumcfVasCy()
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zdGuSgLewDF3c()
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zNkPZEcv$mdiy(Rectangle #=zYwQUFZE=)
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z8dYhglO8IDeL(#=zJ3$_6zS_wOvH #=zp0zifZ0=, Boolean #=zlEYwJixajodsUpFNRA==)
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=zOsNumcfVasCy()
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=zcHRmr6iFTNiD(Rectangle #=zfXc6Ka1l8hKSdQYuD$_WyEk=, Rectangle #=zMH4bKFuxSoOWH21hzzmf0W0=)
   at #=zSwTkwis$1grROSU74dSdKWE=.OnResize(EventArgs #=zJqXIhV8=)
   at System.Windows.Forms.Control.OnSizeChanged(EventArgs e)
   at System.Windows.Forms.Control.UpdateBounds(Int32 x, Int32 y, Int32 width, Int32 height, Int32 clientWidth, Int32 clientHeight)
   at System.Windows.Forms.Control.UpdateBounds()
   at System.Windows.Forms.Control.WndProc(Message& m)
   at System.Windows.Forms.ScrollableControl.WndProc(Message& m)
   at System.Windows.Forms.Form.WndProc(Message& m)
   at #=zSwTkwis$1grROSU74dSdKWE=.WndProc(Message& #=z4XtD8jw=)
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u.WndProc(Message& #=z4XtD8jw=)
   at System.Windows.Forms.Control.ControlNativeWindow.OnMessage(Message& m)
   at System.Windows.Forms.Control.ControlNativeWindow.WndProc(Message& m)
   at System.Windows.Forms.NativeWindow.Callback(IntPtr hWnd, Int32 msg, IntPtr wparam, IntPtr lparam)

2nd Error:

Quote

MusicBee v3.4.7805.33439D (Win10.0), 25 Nov 2021 12:58:

System.NullReferenceException: Object reference not set to an instance of an object.
at #=z7qW7AeHL$3KblJt8ym2X2Z0=.#=z7KVoMHFP6eRO()
at #=z7qW7AeHL$3KblJt8ym2X2Z0=.#=z3Ruocgiq$2qy(Int32 #=zeUo9XZ7xnf4O, Int32 #=zLJtR7N_OejguTusMmA==, Boolean #=zk9xZk50nVLuOXZv1qA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zDplgG8A=(Boolean #=z9ybYv7A=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zdGuSgLewDF3c()
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zNkPZEcv$mdiy(Rectangle #=zYwQUFZE=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z8dYhglO8IDeL(#=zJ3$_6zS_wOvH #=zp0zifZ0=, Boolean #=zlEYwJixajodsUpFNRA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=zfmhuPoK1n_j$(#=zJ3$_6zS_wOvH #=zp0zifZ0=, Boolean #=zlEYwJixajodsUpFNRA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u..ctor()
at #=zsSqWEB_uCfYs1RIo5gmlWEiXxs7c.Main(String[] args)

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: Steven on November 25, 2021, 07:49:02 AM

i think its likely something with the progress bar/ button not being set

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 25, 2021, 08:43:04 AM

Quote from: Steven on November 25, 2021, 07:49:02 AM

i think its likely something with the progress bar/ button not being set

I've added png for progress bar and then it worked in a broken way for once, but then I got these error:

Quote

MusicBee v3.4.7805.33439D (Win10.0), 25 Nov 2021 14:41:

System.NullReferenceException: Object reference not set to an instance of an object.
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zUNgb0NI=(#=zbL$RyipqTZBZ0Nk6JXMMgO4tdHSd #=z$biaxTM=, #=zgVggZT4wH$VWOHoxz99UE4h2nmTx #=zQ7lv10o=, Boolean[,] #=zOG4UzNw=, List`1 #=zJzw2R1g=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zOsNumcfVasCy()
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zdGuSgLewDF3c()
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zNkPZEcv$mdiy(Rectangle #=zYwQUFZE=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z8dYhglO8IDeL(#=zJ3$_6zS_wOvH #=zp0zifZ0=, Boolean #=zlEYwJixajodsUpFNRA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=zOsNumcfVasCy()
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=zcHRmr6iFTNiD(Rectangle #=zfXc6Ka1l8hKSdQYuD$_WyEk=, Rectangle #=zMH4bKFuxSoOWH21hzzmf0W0=)
at #=zSwTkwis$1grROSU74dSdKWE=.OnResize(EventArgs #=zJqXIhV8=)
at System.Windows.Forms.Control.OnSizeChanged(EventArgs e)
at System.Windows.Forms.Control.UpdateBounds(Int32 x, Int32 y, Int32 width, Int32 height, Int32 clientWidth, Int32 clientHeight)
at System.Windows.Forms.Control.UpdateBounds()
at System.Windows.Forms.Control.WndProc(Message& m)
at System.Windows.Forms.ScrollableControl.WndProc(Message& m)
at System.Windows.Forms.Form.WndProc(Message& m)
at #=zSwTkwis$1grROSU74dSdKWE=.WndProc(Message& #=z4XtD8jw=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.WndProc(Message& #=z4XtD8jw=)
at System.Windows.Forms.Control.ControlNativeWindow.OnMessage(Message& m)
at System.Windows.Forms.Control.ControlNativeWindow.WndProc(Message& m)
at System.Windows.Forms.NativeWindow.Callback(IntPtr hWnd, Int32 msg, IntPtr wparam, IntPtr lparam)

2nd error:

Quote

MusicBee v3.4.7805.33439D (Win10.0), 25 Nov 2021 14:41:

System.NullReferenceException: Object reference not set to an instance of an object.
at #=z7qW7AeHL$3KblJt8ym2X2Z0=.#=zqIZiLSG$u3qD(Int32 #=zDwZNG7y57oud)
at #=z7qW7AeHL$3KblJt8ym2X2Z0=.#=z3Ruocgiq$2qy(Int32 #=zeUo9XZ7xnf4O, Int32 #=zLJtR7N_OejguTusMmA==, Boolean #=zk9xZk50nVLuOXZv1qA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zDplgG8A=(Boolean #=z9ybYv7A=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zFhK2e0P9gc9139a29A==.#=zdGuSgLewDF3c()
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z3HZukvEew$BL.#=zNkPZEcv$mdiy(Rectangle #=zYwQUFZE=)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=z8dYhglO8IDeL(#=zJ3$_6zS_wOvH #=zp0zifZ0=, Boolean #=zlEYwJixajodsUpFNRA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u.#=zfmhuPoK1n_j$(#=zJ3$_6zS_wOvH #=zp0zifZ0=, Boolean #=zlEYwJixajodsUpFNRA==)
at #=zziapYCHkKIL0B5EplaYmmhGl87_u..ctor()
at #=zsSqWEB_uCfYs1RIo5gmlWEiXxs7c.Main(String[] args)

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 25, 2021, 09:05:18 AM

Quote from: hiccup on November 20, 2021, 03:11:41 PM

I don't know what is wrong exactly, but I do notice you have removed quite a few elements from the skin.xml
Not sure if that is directly related to your problem, but as a general rule I would start with a well-functioning skin.xml, and then edit or remove things step-by-step.
That should make it easier to spot where things go wrong.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 25, 2021, 09:26:39 AM

Quote from: hiccup on November 25, 2021, 09:05:18 AM

Quote from: hiccup on November 20, 2021, 03:11:41 PM
I don't know what is wrong exactly, but I do notice you have removed quite a few elements from the skin.xml
Not sure if that is directly related to your problem, but as a general rule I would start with a well-functioning skin.xml, and then edit or remove things step-by-step.
That should make it easier to spot where things go wrong.

the recent errors are from the fresh new functioning skin

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 25, 2021, 09:32:23 AM

Quote from: mvana on November 25, 2021, 09:26:39 AM

the recent errors are from the fresh new functioning skin

I don't understand what you are saying here.

Again, my advice is to start off with an existing well-functioning skin.
Then step by step change things to your liking.
Doing it that way should make it obvious what it is that you did that broke things.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 25, 2021, 10:17:39 AM

Quote from: hiccup on November 25, 2021, 09:32:23 AM

Again, my advice is to start off with an existing well-functioning skin.
Then step by step change things to your liking.
Doing it that way should make it obvious what it is that you did that broke things.

I got to revert back to when it worked but the progress bar button isn't working properly, is it related to pixel size, ppi or element positioning? It shows fine in the creator though.
(https://i.imgur.com/4KDuHg7.jpg)

extra question: is there any code to position element in horizontal center?

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 25, 2021, 12:11:12 PM

Make sure that all images that you use for the progress bar and button have the same height and dpi.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 25, 2021, 02:05:51 PM

Quote from: hiccup on November 25, 2021, 12:11:12 PM

Make sure that all images that you use for the progress bar and button have the same height and dpi.

Thank you, that fixed it!

The borders colors aren't matching. MusicBee using different colors for the window borders, how can I fix it?

(https://i.imgur.com/MnBTGQQ.jpg)

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: hiccup on November 25, 2021, 04:33:05 PM

Quote from: mvana on November 25, 2021, 02:05:51 PM

The borders colors aren't matching. MusicBee using different colors for the window borders, how can I fix it?

These border are defined by elements in the main skin file.

They will depend on the FormBorder elements (images), and on the element "WindowBorderWidth"
The last one can have the value 0,1 or 4.
When it is set to 0, Windows has some control over it that cannot be avoided.

Title: Re: How can I change the Last.fm icon in the main player panel?
Post by: mvana on November 25, 2021, 04:49:45 PM

Quote from: hiccup on November 25, 2021, 04:33:05 PM

These border are defined by elements in the main skin file.

Thank you very much!

Is there anyway to change the positioning of minimize, maximize, close buttons much wider, like windows explorer? Does making the images larger will do that?