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:
post 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).

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.

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....

(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)
In the classic theme the items work slightly different:
I also played around with the settings pages of the classic theme:

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).

Re: New "progress" theme.
Posted: Saturday 25 March 2017 10:23
by htilburgs
Nice work! Lot of improvements, but.......
Mobile theme is only working correct on the Dashboard page.
Other pages are still not readable. See example of the Switches Page.

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 (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

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
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.