It is currently August 9th, 2022, 10:34 pm

Customizing illustro weather is leading to improper text.

Get help with creating, editing & fixing problems with skins
User avatar
Innocent_Zero
Posts: 9
Joined: May 4th, 2022, 10:08 am

Customizing illustro weather is leading to improper text.

Post by Innocent_Zero »

First of all I apologize for asking this question twice. I accidentally asked this question in help with Rainmeter Application Board and not this one and now I cannot figure out how to delete the other post.

https://imgur.com/a/pWIx49G

In the above picture, The green text is my skin while the one below is the original. I tried a lot but I can't figure out why that A with a circumflex is there.

Code: Select all


[meterTitle]
Meter=STRING
MeterStyle=styleTitle
X=1000
Y=5
Text=#Weather##CRLF##break##CRLF##CRLF#
Group=Norm

[meterLabel1]
Meter=STRING
MeterStyle=styleLeftText
X=1000
Y=0R
Text=#FeelsLike#
Group=Norm

[meterValue1]
Meter=STRING
MeterStyle=styleRightText
MeasureName=measureW1
X=(1000+#WIDTH#-14)
Y=0r
Text=%1°#Tempunit#
Group=Norm

This is the custom code for the meter.

Code: Select all

[Variables]

@includeillustroweather=#@#WeatherComJSONLanguage.inc
fontName=Fira Code
textSize=12
colorBar=0,255,0
colorText=0,255,0

@include2=#@#WeatherComJSONVariables.inc
@Include3=#@#WeatherComJSONLanguage.inc

MaxWind=175

@Include5=#@#WeatherComJSONMeasures3Day.inc

WIDTH=405

break="======================================"

Here are the variables.

Code: Select all


[styleTitle]
StringAlign=LEFT
StringCase=UPPER
FontColor=#colorText#
FontFace=#fontName#
FontSize=13
AntiAlias=1

[styleTitleB]
StringAlign=LEFT
StringCase=UPPER
FontColor=#colorText#
FontFace=#fontName#
FontSize=13
AntiAlias=1

[styleLeftText]
StringAlign=LEFT
StringCase=UPPER
FontColor=#colorText#
FontFace=#fontName#
FontSize=13
AntiAlias=1
DynamicVariables=1

[styleRightText]
StringAlign=RIGHT
StringCase=NONE
FontColor=#colorText#
FontFace=#fontName#
FontSize=12
AntiAlias=1
DynamicVariables=1

[styleBar]
X=1000
Y=1R
W=(#WIDTH#-14)
H=10
BarColor=#colorBar#
BarOrientation=HORIZONTAL
SolidColor=30,60,30
DynamicVariables=1

These are the styles.

Below is the original illustro code:

Code: Select all

[Variables]
; Include allow the addition of an external file with code that can be used in multiple skins
@includeillustroweather=#@#WeatherComJSONLanguage.inc

; These set the text and colors to match 'illustro' style 
fontName=Fira Code
textSize=8
colorBar=234,170,0
colorText=255,255,255

; Variables to control the ActionTimer
W=50
AlphaA=209
AlphaB=1
U=[!UpdateMeasure MeasureFadeBetween][!UpdateMeterGroup Norm][!UpdateMeterGroup Ext][!Redraw]

; Weather Variables
@include2=#@#WeatherComJSONVariables.inc
@Include3=#@#WeatherComJSONLanguage.inc

; set maximum wind speed to measure
MaxWind=175

; set seconds between current/3-day
ChangeWeatherTime=0

;----------------------------------------------------------------------------------------------------------------------
;       ------------------------  WEATHER MEASURES  ------------------------
;----------------------------------------------------------------------------------------------------------------------
@Include5=#@#WeatherComJSONMeasures3Day.inc




[styleTitle]
StringAlign=CENTER
StringCase=UPPER
StringStyle=BOLD
StringEffect=SHADOW
FontEffectColor=0,0,0,50
FontColor=#colorText#,#AlphaA#
FontFace=#fontName#
FontSize=10
AntiAlias=1
ClipString=1

[styleTitleB]
StringAlign=CENTER
StringCase=UPPER
StringStyle=BOLD
StringEffect=SHADOW
FontEffectColor=0,0,0,50
FontColor=#colorText#,#AlphaB#
FontFace=#fontName#
FontSize=10
AntiAlias=1
ClipString=1

[styleLeftText]
X=10
Y=6R
W=190
H=14
StringAlign=LEFT
StringCase=NONE
StringStyle=BOLD
StringEffect=SHADOW
FontEffectColor=0,0,0,20
FontColor=#colorText#,#AlphaA#
FontFace=#fontName#
FontSize=#textSize#
AntiAlias=1
ClipString=1
DynamicVariables=1

[styleRightText]
X=200
Y=0r
W=190
H=14
StringAlign=RIGHT
StringCase=NONE
StringStyle=BOLD
StringEffect=SHADOW
FontEffectColor=0,0,0,20
FontColor=#colorText#,#AlphaA#
FontFace=#fontName#
FontSize=#textSize#
AntiAlias=1
ClipString=1
DynamicVariables=1

[styleBar]
X=10
Y=12r
W=190
H=1
BarColor=#colorBar#,#AlphaA#
BarOrientation=HORIZONTAL
SolidColor=255,255,255,15
DynamicVariables=1









[meterLabel1]
Meter=STRING
MeterStyle=styleLeftText
Y=40
Text="#FeelsLike#"
Group=Norm

[meterValue1]
Meter=STRING
MeterStyle=styleRightText
MeasureName=measureW1
StringCase=Upper
Text="%1°#Tempunit#"
Group=Norm


How can I fix this?
N0Syst3m15s@fe. Quite unfortunately, not even this one.
User avatar
SilverAzide
Rainmeter Sage
Posts: 1955
Joined: March 23rd, 2015, 5:26 pm

Re: Customizing illustro weather is leading to improper text.

Post by SilverAzide »

Innocent_Zero wrote: June 11th, 2022, 2:26 pm First of all I apologize for asking this question twice. I accidentally asked this question in help with Rainmeter Application Board and not this one and now I cannot figure out how to delete the other post.

https://imgur.com/a/pWIx49G

In the above picture, The green text is my skin while the one below is the original. I tried a lot but I can't figure out why that A with a circumflex is there.

How can I fix this?
This is a common problem everyone runs into when they start learning to work with Rainmeter. The good news is that it is very simple to fix.

Open your skins files (all of them) in your preferred text editor. Notepad is fine, Notepad++ is better.

If you are using Notepad, select File > Save As (do not use Save). In the Save As dialog, made sure you select Unicode formatting (UTF-16 LE), then save over the existing file. You might need to review the file and remove or fix any oddball symbols.
Annotation 2022-06-11 111005.png
If you are using Notepad++, select Encoding > Convert to UTF-16 LE BOM, then save the file. Again, review to file to ensure the conversion worked properly.

The source of the problem is most likely that your files are encoded as UTF-8, which should never be used with Rainmeter.
You do not have the required permissions to view the files attached to this post.
Gadgets Wiki GitHub More Gadgets...
User avatar
SilverAzide
Rainmeter Sage
Posts: 1955
Joined: March 23rd, 2015, 5:26 pm

Re: Customizing illustro weather is leading to improper text.

Post by SilverAzide »

Innocent_Zero wrote: June 11th, 2022, 2:26 pm First of all I apologize for asking this question twice. I accidentally asked this question in help with Rainmeter Application Board and not this one and now I cannot figure out how to delete the other post.
Other post deleted per your request.
Gadgets Wiki GitHub More Gadgets...
User avatar
Innocent_Zero
Posts: 9
Joined: May 4th, 2022, 10:08 am

Re: Customizing illustro weather is leading to improper text.

Post by Innocent_Zero »

SilverAzide wrote: June 11th, 2022, 3:16 pm This is a common problem everyone runs into when they start learning to work with Rainmeter. The good news is that it is very simple to fix.

Open your skins files (all of them) in your preferred text editor. Notepad is fine, Notepad++ is better.

If you are using Notepad, select File > Save As (do not use Save). In the Save As dialog, made sure you select Unicode formatting (UTF-16 LE), then save over the existing file. You might need to review the file and remove or fix any oddball symbols.
Annotation 2022-06-11 111005.png

If you are using Notepad++, select Encoding > Convert to UTF-16 LE BOM, then save the file. Again, review to file to ensure the conversion worked properly.

The source of the problem is most likely that your files are encoded as UTF-8, which should never be used with Rainmeter.
Thank you! It was indeed the case! Now it works flawlessly. Also, thank you for helping with the post.
N0Syst3m15s@fe. Quite unfortunately, not even this one.