SNEAK PREVIEW - New default theme

Post Reply
blauwebuis
Posts: 153
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

SNEAK PREVIEW - New default theme

Post by blauwebuis » Saturday 10 June 2017 16:52

Hello everyone

Over the past months Gizmocus and I have been working on creating a new default theme for Domoticz. It should become available soon, so as a heads-up, don't be shocked when your Domoticz installation suddenly looks something like this:

Image

Image

WHY?
On the surface this project has been about creating two new themes (more on the other one http://domoticz.com/forum/viewtopic.php?f=8&t=16731). But beneath that it has been about making it much easier to theme Domoticz, so that Dashboard builders may consider making themes instead. Since themes are more easily distributed to all Domoticz users, their work may be more widely enjoyed.

These are some of the changes:
  • Cleaned-up and standardized HTML output with lots of useful CSS classes, so themes can more easily change things.
  • Modified HTML hierarchy, allowing for CSS to create more varied designs, like columns, which will improve use of screen space.
  • All themes can now add in their own javascript. This offers a lot more freedom to create and modify the HTML output.
  • The default theme offers a great starting point for creating your own theme. It even allows for quick enabling of disabling of features, like the side bar, data visualization, simply by selecting which sub-CSS-files are included.
  • There is now even an option to merge simple items. If you have multiple items with only one output each, you can combine them into one 'grouped item'. This is currently only in the utilities section, but could easily be expanded.
  • New, custom-made higher resolution icons, for example in in the main menu. UPDATE: themes can now also incorporate their own icons.
  • Animations are now possible. For example, the fan icon will slowly spin while it's on, the barometer actually turns its needle, etc.
  • Much more.
Image
Example: Grouped item

The older themes should still work. In the future, to really improve things, the whole HTML output may be reshuffled, but that's another story.

I hope you will enjoy the new theme(s), and will build some cool new ones.

I want to thanks the many forum members who donated their time to test it: you all rock!

And of course big thanks to Gizmocus for his feedback and the time he took to merge all this.


TRY IT

If you want to try/test it already:

1. Download the zip file here (green button):
https://github.com/domoticz/domoticz/tree/GuiWork/

2. As a user on your server, replace the WWW folder in your Domoticz folder with the one from the zip file.

3. Clear your browser cache and app cache. If the theme looks weird then you haven't cleared the app cache.

If something somehow goes wrong, just restart the Domoticz installation and choose the update option.
Last edited by blauwebuis on Thursday 24 August 2017 13:00, edited 2 times in total.

User avatar
Mediacj
Posts: 97
Joined: Wednesday 11 February 2015 17:09
Target OS: Raspberry Pi
Domoticz version:
Location: Netherlands
Contact:

Re: SNEAK PREVIEW - New default theme

Post by Mediacj » Saturday 10 June 2017 17:19

Wow really great work!

Can't wait to try it!

Thanks!

maomanna
Posts: 95
Joined: Monday 30 November 2015 17:21
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: SNEAK PREVIEW - New default theme

Post by maomanna » Saturday 10 June 2017 18:05

WOW much better then the current one.

Wopuld be nice that the user can set the size of the blocks

zicht
Posts: 174
Joined: Sunday 11 May 2014 11:09
Target OS: Windows
Domoticz version: 3.8xxx
Location: NL
Contact:

Re: SNEAK PREVIEW - New default theme

Post by zicht » Saturday 10 June 2017 19:12

Many thanks,
This has been a lot of work for you both !
It looks really great and sounds like very flexible also.

Allready love it based on the sneak preview.
Rpi & Win x64. Using : cam's,Nest,RFXCom,Kaku,LaCrosse,RFY,IsAlive,Dummy,Wether Underground, standard Lua, Curl on windows,Domoticz Android App & Tasker,

"The only source of knowledge is experience (A.Einstein)"

krizzz
Posts: 168
Joined: Wednesday 20 November 2013 21:36
Target OS: Linux
Domoticz version:
Location: The Netherlands
Contact:

Re: SNEAK PREVIEW - New default theme

Post by krizzz » Saturday 10 June 2017 20:41

Wow, great work. Really enormous step into the future!

blauwebuis
Posts: 153
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: SNEAK PREVIEW - New default theme

Post by blauwebuis » Sunday 11 June 2017 12:17

@moamanna - if you don't want the top row of the dashboard categories to be bigger ('highlights'), then you can select the compact view option:
Image

If you want things to be even more compact, try the mobile view option:
Image

Clemen
Posts: 123
Joined: Saturday 05 December 2015 16:11
Target OS: Raspberry Pi
Domoticz version: Beta
Location: Europe
Contact:

Re: SNEAK PREVIEW - New default theme

Post by Clemen » Sunday 11 June 2017 12:43

How can we test it?

assenzuid
Posts: 101
Joined: Friday 13 November 2015 10:11
Target OS: Raspberry Pi
Domoticz version: Beta
Location: The Netherlands
Contact:

Re: SNEAK PREVIEW - New default theme

Post by assenzuid » Sunday 11 June 2017 22:39

Nice, when or how to test?

fkok
Posts: 30
Joined: Thursday 19 January 2017 10:19
Target OS: Raspberry Pi
Domoticz version:
Location: Netherlands
Contact:

Re: SNEAK PREVIEW - New default theme

Post by fkok » Monday 12 June 2017 8:34

Looks great!!!!

User avatar
emme
Posts: 629
Joined: Monday 27 June 2016 11:02
Target OS: Raspberry Pi
Domoticz version: latest
Location: Milano, Italy
Contact:

Re: SNEAK PREVIEW - New default theme

Post by emme » Monday 12 June 2017 8:35

Love it!!!! :o :o :o
That's one small step for a programmer, one giant leap for me!
- - - - -
Raspberry Pi3 + AeonStick G5 + RFXCOMM433 + iRTrans Server + NodeJS
There's no stress in the mess!!

DarkAllMan
Posts: 35
Joined: Friday 23 December 2016 10:41
Target OS: Linux
Domoticz version:
Contact:

Re: SNEAK PREVIEW - New default theme

Post by DarkAllMan » Monday 12 June 2017 8:48

Amazing work!

User avatar
Denny64
Posts: 12
Joined: Friday 03 February 2017 12:34
Target OS: Raspberry Pi
Domoticz version: 3.5877
Location: Italy
Contact:

Re: SNEAK PREVIEW - New default theme

Post by Denny64 » Monday 12 June 2017 9:39

Promises good...

ivarka
Posts: 7
Joined: Sunday 17 April 2016 21:00
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: SNEAK PREVIEW - New default theme

Post by ivarka » Monday 12 June 2017 10:21

:D

ben53252642
Posts: 228
Joined: Saturday 02 July 2016 5:17
Target OS: Linux
Domoticz version:
Contact:

Re: SNEAK PREVIEW - New default theme

Post by ben53252642 » Monday 12 June 2017 11:18

I have over 300 devices in Domoticz, the number one thing I would like to see is a universal search bar somewhere that searches device names then displays the results as devices, utility, temperature etc....

poudenes
Posts: 267
Joined: Wednesday 08 March 2017 10:42
Target OS: Linux
Domoticz version: 3.7392
Location: Amsterdam
Contact:

Re: SNEAK PREVIEW - New default theme

Post by poudenes » Monday 12 June 2017 12:04

Looks nice !!!!! can't wait to see it myself behind my mac
RPi3 with OSMC - RPi3 with Domoticz - Dashticz - MiLight - Nanolead Aurora - KaKu - Logitech Hamony - Nest - RFLink

User avatar
Derik
Posts: 1878
Joined: Friday 18 October 2013 23:33
Target OS: Raspberry Pi
Domoticz version: BETA
Location: Arnhem/Nijmegen Nederland
Contact:

Re: SNEAK PREVIEW - New default theme

Post by Derik » Monday 12 June 2017 13:05

Love Domoticz....
Great work Guys!!!
Xu4: Beta Extreme antenna RFXcomE,WU Fi Ping ip P1 Gen5 PVOutput Harmony HUE SolarmanPv OTG Winddelen Alive ESP Buienradar MySensors WOL Winddelen counting RPi: Beta SMAspot RFlinkTest Domoticz ...Different backups

User avatar
Brutus
Posts: 286
Joined: Friday 26 September 2014 9:33
Target OS: Windows
Domoticz version:
Location: Heerlen, The Netherlands
Contact:

Re: SNEAK PREVIEW - New default theme

Post by Brutus » Monday 12 June 2017 15:52

This looks nice! With this look Domoticz gets a more up te date look!
1x Intel NUC D54250WYK (Windows 7)
1x Aeon Labs USB Z-Stick S2
1x P1 Smart Meter USB
17x Fibaro Modules

Fleshi
Posts: 12
Joined: Tuesday 23 May 2017 21:18
Target OS: Raspberry Pi
Domoticz version: Beta
Contact:

Re: SNEAK PREVIEW - New default theme

Post by Fleshi » Monday 12 June 2017 20:52

Great work, looks really nice :)

anconakip
Posts: 16
Joined: Tuesday 30 September 2014 12:41
Target OS: Raspberry Pi
Domoticz version: 7722
Contact:

Re: SNEAK PREVIEW - New default theme

Post by anconakip » Tuesday 13 June 2017 10:50

i can't wait untill you put this online. Wauw what a nice improvement.

maomanna
Posts: 95
Joined: Monday 30 November 2015 17:21
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: SNEAK PREVIEW - New default theme

Post by maomanna » Tuesday 13 June 2017 14:17

blauwebuis wrote:@moamanna - if you don't want the top row of the dashboard categories to be bigger ('highlights'), then you can select the compact view option:
Image

If you want things to be even more compact, try the mobile view option:
Image
cool!

cant wait!

Post Reply

Who is online

Users browsing this forum: No registered users and 6 guests