New "progress" theme.

[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

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

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

[blauwebuis]

I created a new version that may iron out the problem. Try it?

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

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

[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!

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

[htilburgs]

Tested and I can confirm that the side-menu scaling issue is gone. Works fine now!

[blauwebuis]

Groovy. The phone fixed are on the menu.

@awst6000 @tlpeter Are your bugs fixed?

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

[tlpeter]

@ blauwebuis, it is not fixed yet ffor the garagedoor.
What do you need?

[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:

[blauwebuis]

In theory mobile is done too.

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

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

[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 2343 times

Keep up the good work!

[juzx]

Just wanted to support your work, nice job on the theme. Keep it up!

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

[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

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