Page 1 of 1

Let it snow (Custom CSS)

PostPosted: Mon Dec 26, 2022 8:06 pm
by Daniel Kaminski
Widget Designer is based on HTML5 and CSS. That's why it is very easy to customize the look and feel of widgets and even add custom CSS FX.

And since it is christmas you can let it snow for example.

On github you can find a lot of CSS Scripts that you can use.
For example like the "weather.css" Script by moqmar

In order to make it snow in one of you picture boxes for example you need to download the css. (The min.css needs less space).

Now you need to include the css in your WD Project.
In order to do so save the projekt.
Open Windows|Edit Windows Menu
The blue Options Text Opens a DIalog.
Click on Open Folder first. If the folder does not exists WD will create it.
Next Click on import files.
Select the downloaded weather.css file. WD will copy the file to the right folder and create the needed html header for you.
WD_CSS_SNOW_01.PNG

The only thing left to do is tell your picturebox that you need snow. You do that by editing the PictureBox properties and defining the custom class : "weather snow"
WD_CSS_SNOW_02.PNG

If you have questions let me know.

I use this for some fixed install projects to let it snow in the background of the home window during christmas time.
You can also link to the openweather api and whenever it snows outside you can have it snow in wd (or rain).

Merry Christmas
Daniel