1.4.2 looks great, thanks for the update!

i wanted to change the color of the weekend days from dodgerblue and crimson to a diff color. i had the below in my custom.css file from the previous version of the module, but it doesn’t seem to work any longer.

any suggestions?

.CX3A {
  font-size: 16px;
  min-width: 300px;
  max-width: 400px;
  text-align: left;
  color: lightgray;
  --saturdayColor: rgb(147, 112, 219);
  --sundayColor: rgb(147, 112, 219);
  --todayColor: rgb(210,105,30);
  --weekend_1_color: rgb(147, 112, 219);
  --weekend_2_color: rgb(147, 112, 219);
}

@MMRIZE my current config looks like this

{
	module: "MMM-OpenWeatherForecast",
	position: "top_right",
	config: {
		apikey: "xx", 
		latitude: 30.266666,            
		longitude: -97.733330,         
		requestDelay: 1500,
		units: "imperial",
		forecastHeaderText: "",
		forecastLayout: "table",
		hourlyForecastTableHeaderText: "",
		hourlyForecastInterval: 3,
		  extraCurrentConditions: {
				highLowTemp: true,
				precipitation: true,
				sunrise: true,
				sunset: true,
				wind: false,
				barometricPressure: false,
				humidity: false,
				dewPoint: false,
				uvIndex: false,
				visibility: false
				},
			hourlyExtras: {
				precipitation: true,
				wind: true,
				barometricPressure: false,
				humidity: true,
				dewPoint: false,
				uvIndex: false,
				visibility: false
				},
		showDailyForecast: false,
		}
},	

i am trying to edit the column widths on the hourly forecast table. i have tried all of the below in the custom.css, but none seem to work.

.MMM-OpenWeatherForecast .forecast-container.hourly {
  table-layout: fixed;
}



.MMM-OpenWeatherForecast .wrapper.table .forecast-container .forecast-item {
    table-layout: fixed;
}


.MMM-OpenWeatherForecast .wrapper.table .forecast-container .forecast-item .forecast-icon-container {
    width: 30px;
}

ideally, i’d like to set a specific width for each column. e.g., the time is 30 px, conditions are 35 px, temperature is 45 px, and so on.

is there a way to adjust the individual column widths on a table in custom.css?

i am using the MMM-openweathermapforecast, which is fantastic module.

the hourly forecast is in a little table as pasted below, and i’m trying to adjust the individual column widths so that there’s no linebreak when the text exceeds the width.

i tried table-layout: auto and table-layout: fixed with a width %, but both seem to either do nothing, or adjust all column widths to the same thing. is there a way to say col 1 should be X%, col 2 should be y%, and so on?

@sdetweil ah yes, i had to subscribe to the one call 3.0 api and then wait about a half an hour for my api to update. now it works - thanks for helping me troubleshoot!

@sdetweil hmm, extending the lat / lon to 6 decimals doesn’t seem to help either.

if i go to the api url directly with the 6 decimal lat / lon and my api key, it does return something, so i know the inputs are working.

https://api.openweathermap.org/data/2.5/forecast?lat=30.266666&lon=-97.733330&appid=xxxxxx

however, it still is showing up as undefined on the mirror output itself.

it seems to be something with the onecall endpoint. if i comment out the endpoint and switch the “type” from hourly to forecast, it works again. but when i switch back to hourly and uncomment the endpoint, it says undefined again.

i signed up for an openweather subscription too, as it looked like the one call 3.0 api is only available to subscribers, but that didn’t seem to help either.

any other thoughts or ideas? sorry again for the basic questions and thank you for trying to help me troubleshoot this.

@sdetweil thanks - and sorry this is a pain and probably stupid user error on my part, but even when i put in a locationID, it still gives me the undefined error.

{
			module: "weather",
			position: "top_right",
			header: "Hourly Weather Forecast",
			config: {
				weatherProvider: "openweathermap",
				weatherEndpoint: "/onecall",
				type: "hourly",
				lat: 30.267,
				lon: -97.743,
				locationID: 4671654,
				apiKey: "xxxxxxx",
				initialLoadDelay: 5000,
				maxEntries: 12,
				roundTemp: true,
				fade: false
			}
		},

@rejas this is my exact config with the lat / lon below, minus the api key. i pulled the lat / lon off of openweathermap.org’s search for austin, us.

i didn’t include the locationID, given i thought the module ignored it when on hourly mode.

{
	module: "weather",
	position: "top_right",
	header: "Hourly Weather Forecast",
	config: {
		weatherProvider: "openweathermap",
		weatherEndpoint: "/onecall",
		type: "hourly",
		lat: 30.267,
		lon: -97.743,
		apiKey: "xxxxxxxxxx",
		initialLoadDelay: 5000,
		maxEntries: 12,
		roundTemp: true,
		fade: false
	}
},

@sdetweil thank you for the reply - however, when i try to take the quotes out, i still get the undefined issue. any other things i should try?

{
	module: "weather",
	position: "top_right",
	header: "Hourly Weather Forecast",
	config: {
		weatherProvider: "openweathermap",
		weatherEndpoint: "/onecall",
		type: "hourly",
		lat: XX.XXX,
		lon: -XX.XXX,
		apiKey: "XXX",
		initialLoadDelay: 5000,
		maxEntries: 12,
		roundTemp: true,
		fade: false
	}
},

I am trying to get both the daily and the hourly forecast to show up via the default weather module. The daily works fine, but the hourly shows up as undefined. Any thoughts? Screen shots and config pasted below.

I tried the lat / lon with and without quotes and with single quotes, and I get the same undefined result each time.

I am using the same API key for both, if that makes a difference.

{
	module: "weather",
	position: "top_right",
	header: "Daily Weather Forecast",
	config: {
		weatherProvider: "openweathermap",
		type: "forecast",
		location: "XXX",
		locationID: "XXX", 
		apiKey: "XXX",
		roundTemp: true,
		maxNumberOfDays: 8,
		appendLocationNameToHeader: false,
		fade: false
	}
},

{
	module: "weather",
	position: "top_right",
	header: "Hourly Weather Forecast",
	config: {
		weatherProvider: "openweathermap",
		weatherEndpoint: "/onecall",
		type: "hourly",
		lat: "XX.XXXX",
		lon: "-XX.XXXX",
		apiKey: "XXX",
		initialLoadDelay: 5000,
		maxEntries: 12,
		roundTemp: true,
		fade: false
	}
},

@sdetweil thanks - that seemed to have worked and makes sense!