Elemental Theme

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Thursday 14 January 2016 10:18

it was just merged upstream, it may take a while to trickle into release unless you build from source or get a beta with it.
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

Albsucher
Posts: 72
Joined: Wednesday 17 July 2013 23:05
Target OS: -
Domoticz version:
Contact:

Re: Elemental Theme

Post by Albsucher » Thursday 14 January 2016 11:12

Hi,

having updated to latest beta 2.4111 i see a select-box called "theme" but this changes only some colours.
Items are named "simple-blu", "simple-grey" etc. but this does not refelct your screenshot on page 1. ?

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Thursday 14 January 2016 13:03

I think the version it appeared in is 2.4115 or around there, so your beta is just a build slightly behind.. the next one should have it.. I am already on 2.4182
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

User avatar
tcviper
Posts: 172
Joined: Monday 30 June 2014 13:34
Target OS: Raspberry Pi
Domoticz version:
Location: Netherlands
Contact:

Re: Elemental Theme

Post by tcviper » Thursday 14 January 2016 14:30

Anyone any idea why in Chrome on OSX I keep seeing the default Domoticz theme? I tried switching 15x already and restarted and updated Domoticz and even cleared local data in Chrome but for some reason it keeps showing me the default theme. in Safari it shows me elemental.

pepijn
Posts: 512
Joined: Friday 12 July 2013 13:19
Target OS: Raspberry Pi
Domoticz version:
Location: The Netherlands
Contact:

Re: Elemental Theme

Post by pepijn » Thursday 14 January 2016 14:55

tcviper wrote:Anyone any idea why in Chrome on OSX I keep seeing the default Domoticz theme? I tried switching 15x already and restarted and updated Domoticz and even cleared local data in Chrome but for some reason it keeps showing me the default theme. in Safari it shows me elemental.
Are you sure you cleared the entire cache in chrome? So not only the last hour and also local stored data

[url]chrome://chrome/settings/clearBrowserData[/url]

User avatar
tcviper
Posts: 172
Joined: Monday 30 June 2014 13:34
Target OS: Raspberry Pi
Domoticz version:
Location: Netherlands
Contact:

Re: Elemental Theme

Post by tcviper » Thursday 14 January 2016 15:00

pepijn wrote:
tcviper wrote:Anyone any idea why in Chrome on OSX I keep seeing the default Domoticz theme? I tried switching 15x already and restarted and updated Domoticz and even cleared local data in Chrome but for some reason it keeps showing me the default theme. in Safari it shows me elemental.
Are you sure you cleared the entire cache in chrome? So not only the last hour and also local stored data

[url]chrome://chrome/settings/clearBrowserData[/url]
Yep till the beginning of time, on both macs the same problem in Chrome, it keeps showing me the default theme.

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Thursday 14 January 2016 20:03

  • Leave one browser window open to Domoticz, Open a new tab with the URL: chrome://appcache-internals/
  • find your Domoticz Manifest, Erase it
  • Go back to your Domoticz Window, hold down on shift and hit reload.
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

Albsucher
Posts: 72
Joined: Wednesday 17 July 2013 23:05
Target OS: -
Domoticz version:
Contact:

Re: Elemental Theme

Post by Albsucher » Friday 15 January 2016 18:21

With latest beta update i see the theme is added. Thanks!

User avatar
G3rard
Posts: 827
Joined: Wednesday 04 March 2015 23:15
Target OS: Linux
Domoticz version: V3.8153
Location: The Netherlands
Contact:

Re: Elemental Theme

Post by G3rard » Tuesday 19 January 2016 0:28

nayr wrote:merged in with upstream Domoticz, this theme will be included in the next release, there are some more fixes and changes.. largely for mobile devices and small screens.
...
was able to get a little bit more padding on the side of the sliders, its not ideal (only 5px) but I didnt want to impact other themes too much.. I am still trying to come up with a better solution that will make it less of an issue.
I am not sure if you already solved the slider issue, but here is the code I use in my css.

Code: Select all

.dimslider {
  position: relative;
  width: calc(98% - 60px) !important;
  background-color: #555555 !important;
  border-radius: 25px !important;
  height: 10px;
  margin-top: 7px !important;
  box-shadow: initial;
}
The 60px takes care of the padding.
Ubuntu Server 14.04 | Domoticz v3.8153 | RFXtrx433E | Z-Wave Aeotec Z-Stick S2
Frontpage | Sonos PHP | Dark th3me | Sony Bravia Python plugin | Sonos Python plugin

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Tuesday 19 January 2016 0:33

whoah i had no idea you could do that in css, awesome.. thank you so much!

Ive got some more fixes staged to add support for selector switches and a lil bit more polish, I got this fix in also.
pull request: https://github.com/domoticz/domoticz/pull/359

Ah this looks good, need some room on the sliders for mobile themes.. its hard to slide all the way to the edge of the screen with a heavy duty case.
Screen Shot 2016-01-19 at 12.11.10 AM.png
Screen Shot 2016-01-19 at 12.11.10 AM.png (122.67 KiB) Viewed 4071 times
Cheers,
-R
Last edited by nayr on Tuesday 19 January 2016 9:11, edited 5 times in total.
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

User avatar
G3rard
Posts: 827
Joined: Wednesday 04 March 2015 23:15
Target OS: Linux
Domoticz version: V3.8153
Location: The Netherlands
Contact:

Re: Elemental Theme

Post by G3rard » Tuesday 19 January 2016 0:54

I use the Sverto theme which had the same issue.
http://www.domoticz.com/forum/viewtopic ... 45&p=42265

Glad to see this fixed the slider issue in your theme as well :D
Ubuntu Server 14.04 | Domoticz v3.8153 | RFXtrx433E | Z-Wave Aeotec Z-Stick S2
Frontpage | Sonos PHP | Dark th3me | Sony Bravia Python plugin | Sonos Python plugin

User avatar
proohu01
Posts: 177
Joined: Friday 17 October 2014 12:20
Target OS: Raspberry Pi
Domoticz version: Beta
Location: The Netherlands
Contact:

Re: Elemental Theme

Post by proohu01 » Wednesday 20 January 2016 16:29

Sliders look perfect now! Thanks a lot!
@ 2.4269
Pi 2 B | Pi Camera | PiFace 2 | RFXtrx433E (KaKu + Oregon Scientific) | Plugwise (9 Circles) | Aeon Z-Wave stick (Fibaro - dimmers, sockets, RGB, screens/blinds) | RFXMeter (Kwh/water/gaz) | WOL | Onkyo Receiver | RTC | Hikvision | Netatmo | Satel Integra

stlaha2007
Posts: 437
Joined: Monday 05 October 2015 10:16
Target OS: -
Domoticz version:
Contact:

Re: Elemental Theme

Post by stlaha2007 » Friday 22 January 2016 23:43

Nice theme... Clean and simple / small css code, gonna tweak it into a darker theme.

Only thing which i cant find a solution for is the following:

Using chrome or firefox on android 8inch tablet. With chrome in landscape and compact mode displaying 4 tiles on a row is fine and can be read. Switched to normal displaying 3 tiles its better to read.
Rotated to portrait with 3 or 4 tiles (normal or compact) its (almost) impossible to read anymore. Is there a piece of code within the css or elsewhere to setup 2 tiles in a row? Because never liked the mobile version. And i want a portrait setup with 2 tiles to handle

Anyone an idea to tweak this?


Grtz,
Stephan

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Saturday 23 January 2016 3:58

yeah they are fixed in tables 4x wide, cant really change that via CSS that I am aware.. need to catch the minimum width and make them file up in a single vertical line.. displaying two columns wide would require core changes that are not going to make it in.

I started testing all the tablets and mobiles I could, found a few display issues and been fixing them slowly.. I will try to push the fixes out soon, sometimes feels like I am running in circles.. get it displaying correctly on one device then go back to testing and find I messed up others in the process.. example iPads want a mobile theme at resolution comparable to desktops, looks like crap.. sigh.

What tablet are you using, I'll make sure to add its screen resolution to my next batch of fixes.. Hopefully it'll be happy on every device after the next round of tweaks, or at least most of the popular ones.. If your going to customize id suggest you work off my repo as its got my latest published fixes, and if your dark version fixes anything I'd love to merge it back in.

My goal is to have everything supported and displaying properly, up until now only the default theme has provided us with that level of quality.
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

stlaha2007
Posts: 437
Joined: Monday 05 October 2015 10:16
Target OS: -
Domoticz version:
Contact:

Re: Elemental Theme

Post by stlaha2007 » Saturday 23 January 2016 10:00

I know, have the same expirience.
And yes default theme does it well.

I managed to get rid of the iphone/ipad stuff by copying the index and commenting out the apple stuff. Also modified the first lines to get the proper screen-width.

Look at the viewport.. Google has a good example to get native screen witdh instead of some crappy mobile size. Worked better for my android devices.



Grtz,
Stephan

kurniawan77
Posts: 79
Joined: Wednesday 21 January 2015 21:23
Target OS: Raspberry Pi
Domoticz version:
Location: Netherlands
Contact:

Re: Elemental Theme

Post by kurniawan77 » Monday 29 February 2016 21:29

And i'm sure this one was discovered too?

Image

On the dashboard with a Nexus 5, selector buttons a little out of range, just a littleImage

Nautilus
Posts: 780
Joined: Friday 02 October 2015 12:12
Target OS: Raspberry Pi
Domoticz version: beta
Location: Finland
Contact:

Re: Elemental Theme

Post by Nautilus » Wednesday 02 March 2016 9:54

Hi,

Was wondering if the area for selector switch buttons could be extended a little bit (with some sort of css magic perhaps :))? I think e.g. these volume buttons should fit to the area without line break but at the moment it does not:
selector.png
selector.png (157.62 KiB) Viewed 3678 times
I can of course change the texts to a bit shorter or use drop-down style, but extending the "selector options" area would be the preferred option - if it is doable :)

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Wednesday 02 March 2016 13:50

i'll do some more work cleaning up selector switches soon, but @Nautilus I think i have that as wide as I could get it without breaking it for other devices.. I'll revisit though since I am going to need to refactor that device, mebe you'll get lucky :)
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

raym
Posts: 127
Joined: Tuesday 03 November 2015 6:07
Target OS: Linux
Domoticz version: beta
Contact:

Re: Elemental Theme

Post by raym » Wednesday 02 March 2016 23:11

I like this theme a lot but the background image isn't drawing properly for me. It's only occupying about a 3rd of my screen (ie not full screen) and the colors of the image are not right. Looks all washed out like trying to view a photo on a really low res monitor.

Anyone else seeing this?

Tried on chrome and Firefox and the result is the same. I'll attach a screenshot later if required.

I'm using my own background for now and it looks fine.

User avatar
nayr
Posts: 430
Joined: Tuesday 11 November 2014 19:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Elemental Theme

Post by nayr » Wednesday 02 March 2016 23:54

nope never seen that, pls attach a screenshot.. what resolution are you using?
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth

Post Reply

Who is online

Users browsing this forum: Google [Bot] and 5 guests