Page 2 of 7

Re: New "progress" theme.

Posted: Wednesday 22 March 2017 0:07
by Awst6000
I hope I can post the requested info tomorrow.
Because of the time I don't want to click on any of the Somfy switches right now ;)

Re: New "progress" theme.

Posted: Wednesday 22 March 2017 9:54
by Awst6000
This morning I have the issue with a grey left screen on Windows also. Still on Android too:

Imagepost a picture

I'll check if this is only related to the classic background.

Re: New "progress" theme.

Posted: Wednesday 22 March 2017 10:26
by blauwebuis
Whoa, could you do a right-mouse-button on that grey thing and tell me what HTML element it is? Very odd. It looks about the size of the content-width. hmm.

And does it only happen with the Classic subtheme? (probable not)

And are you using de Stable version of Domoticz or the Beta? I designed it on the beta.

Re: New "progress" theme.

Posted: Wednesday 22 March 2017 11:57
by blauwebuis
I created a new version that may iron out the problem. Try it?

Re: New "progress" theme.

Posted: Wednesday 22 March 2017 15:47
by htilburgs
First off all "thanks". What a great looking and simple design. Simply love it.
Installed it and found an issue when I select the settings screen.

Using Google Chrome Maximized than issue with overlapping (see picture 1).
When Windowed than there's no issue (see picture 2).

Image

Image

Re: New "progress" theme.

Posted: Thursday 23 March 2017 9:40
by htilburgs
I found an other issue. Opening my Domoticz site on my iPhone, it loads the mobile version.
In the mobile version, no buttons are shown, only text.

Image

Re: New "progress" theme.

Posted: Thursday 23 March 2017 11:19
by blauwebuis
Thanks for the feedback!

- I couldn't replicate your full-screen issue, but I've made some more modifications that should permanently fix the side-menu scaling issue. (The percentage-width is now overridden by a calc function on modern CSS3 browsers).

- The checkboxes might be fixed now, I'm not sure. I couldn't really think my way around what happened there..

- I still have some work to do on mobile. I fixed the biggest issues already. I had never really looked at mobile before :-) I just figured the site would use its responsiveness to scale down (something I had taken into account).

Keep it coming!

Re: New "progress" theme.

Posted: Thursday 23 March 2017 11:58
by htilburgs
Ok, nice to hear. I will download the updated version and test again.
When loading on the Mobile and choosing for Desktop version (Safari of Chrome) then you're right.
Then it's responsive. But when making a shortcut to desktop on iPhone, option to load desktop version isn't available.... :shock: (Probably Kiosk mode)

Re: New "progress" theme.

Posted: Thursday 23 March 2017 12:47
by htilburgs
Tested and I can confirm that the side-menu scaling issue is gone. Works fine now!

Re: New "progress" theme.

Posted: Thursday 23 March 2017 13:35
by blauwebuis
Groovy. The phone fixed are on the menu.

@awst6000 @tlpeter Are your bugs fixed?

Re: New "progress" theme.

Posted: Thursday 23 March 2017 13:39
by tlpeter
I need to try later on as i had other issues after updating last night.
I am off to home in 30 minutes and then i will try again.

Re: New "progress" theme.

Posted: Thursday 23 March 2017 14:49
by tlpeter
@ blauwebuis, it is not fixed yet ffor the garagedoor.
What do you need?

Re: New "progress" theme.

Posted: Friday 24 March 2017 21:52
by blauwebuis
The garagedoor should be fixed now.

I made some other improvements two. I'm now working on two themes, progress and classic.

In the progress theme I worked on the buttons (like the garage door)
Image
Image

In the classic theme the items work slightly different:
Image
Image

I also played around with the settings pages of the classic theme:

Image
Image

Re: New "progress" theme.

Posted: Saturday 25 March 2017 1:26
by blauwebuis
In theory mobile is done too.

The new version can be downloaded (from the first post of this thread).

Image

Re: New "progress" theme.

Posted: Saturday 25 March 2017 10:23
by htilburgs
Nice work! Lot of improvements, but....... :P

Mobile theme is only working correct on the Dashboard page.
Other pages are still not readable. See example of the Switches Page.

Image

Re: New "progress" theme.

Posted: Saturday 25 March 2017 17:56
by Bikey
Very nice theme! Indeed the mobile version is not readable yet.

Also on a regular webbrowser (tested on Safari and Chrome), the Hardware/Zwave/Device Configuration gives a garbled image, where all paragraphs are concatenated and the buttons overlap:
Schermafbeelding 2017-03-25 om 17.52.31.png
Schermafbeelding 2017-03-25 om 17.52.31.png (345.52 KiB) Viewed 2523 times
Keep up the good work!

Re: New "progress" theme.

Posted: Saturday 25 March 2017 18:35
by juzx
Just wanted to support your work, nice job on the theme. Keep it up!

Re: New "progress" theme.

Posted: Saturday 25 March 2017 23:08
by blauwebuis
Thanks!

It's hard going now though. I have no idea how to style the mobile part beyond the front page, as there it nothing to 'grab onto' with the CSS. It's all quite mysterious: some elements seem to be overriden, while other retain the styling I gave. Some parts seem to lose 'position relative' for some reason that I don't understand. It's mysterious.

The best way to do mobile is to load in another stylesheet, or perhaps add a new style to the body tag. But neither seems to be the case. It seems the html is rewritten. I'm about to pull my hairs out :-)


Then the Z-wave thing. OMG. A whole new can of worms! I was hoping to only style certain pages. But that z-wave thing seems to get the same ID tags (#hardware) as the hardware overview page.

Re: New "progress" theme.

Posted: Sunday 26 March 2017 9:46
by htilburgs
Maybe it's time for me to polish my html & css knowledge and see if I can contribute. I'm going to give it a try.
Cannot promise anything 8-)

Re: New "progress" theme.

Posted: Sunday 26 March 2017 18:19
by blauwebuis
Cool, let's chat.

I've 'fixed' the mobile issue by just making is to that on small resolutions my modifications don't go into effect :-D

I've also tried to 'fix' the Z-wave issue by basically removing all the modifications I had made to the button placement. Oh well, that should really be done in HTML anyway.