Let it snow (Custom CSS)

Christie Widget Designer Version 6 - Q&A

Moderator: Moderator Group

Forum rules
When asking make sure to include the operating system and the revision of Widget Designer you are using.

Let it snow (Custom CSS)

Postby Daniel Kaminski » Mon Dec 26, 2022 8:06 pm

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
You do not have the required permissions to view the files attached to this post.
--
Daniel Kaminski
Pandoras Box Expert
User avatar
Daniel Kaminski
 
Posts: 1050
Joined: Tue Jul 22, 2008 10:55 am
Location: Herten, Germany

Return to Widget Designer V6

Who is online

Users browsing this forum: No registered users and 2 guests