I've done some work on KnxWeb to have it more my Style. So maybe others are interested in this too and we can start a new branch or something. Here some screenshots, the screen is no longer static, it has all measurements in % units of the screen. So resizing to even TV size is no issue at all :-)
almost the same screen with resized browser and dimmer view
It is not all done yet, but this is what I play with. It is even possible to navigate this page with the TV Set (Samsung TV with Browser)
If one is interested, I can share the source or we even can start a branch of knxweb, maybe knxweb Flex :-) or something.
Enjoy :-)
denghauser
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
basically I took the KnxWeb code and changed the cwidget class a bit and also did some modifications in common.js.
The major change was to get rid of the tables and put everything into <div> elements. Somehow I don't like tables too much as they gave me lot's of headache in the past, especially with some css tricks :-)
The changes for beeing flexible were done in the css mainly. All x,y,width and height coordinates are specified in %
The idea was that there are 3 screen areas.
Left side is the menu, middle piece are the buttons and right side is the detail area.
Due to lazyness I currently have no menu section in my config file, I just use the goto class and place them into the menu section when loading a new zone.
I will pack up the source and put it somewhere to download. I will do this on the weekend, so be patient :-)
I also changed the config coordinates. I only have x and y coordinates 0-7, like a virtual grid. So I snap them to the right position while loading or placing in design mode.
cheers
Dietmar
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Interesting work! Like best of me the opportunity to edit the config.xml via web interface.
Is there a possibility to incorporate this into the next edition of knxweb?
Would be almost easy to config Rules and Settings!
greetz
Hannes
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
i have looked at what you made and there are some very good idea
the three areas:
left: a "menu" for a list of "zones"
middle: a positioning
right: for the details of the selected objects
each party should be identified by a different background color example
i like the idea you use for the "config coordinates 0-7 like a virtual grid"
I think use some of your ideas in the new version of knxweb or we rewrote a lot of things
@Hannes :
on the cvs (currently it is offline) the latest version of knxweb a lot of improvements like this
best regards,
Anhtony
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Hi All,
I've done some work on KnxWeb to have it more my Style. So maybe others are interested in this too and we can start a new branch or something. Here some screenshots, the screen is no longer static, it has all measurements in % units of the screen. So resizing to even TV size is no issue at all :-)
almost the same screen with resized browser and dimmer view
It is not all done yet, but this is what I play with. It is even possible to navigate this page with the TV Set (Samsung TV with Browser)
If one is interested, I can share the source or we even can start a branch of knxweb, maybe knxweb Flex :-) or something.
Enjoy :-)
denghauser
Hi,
good job
I am interested in what you have done the idea is nice
I'm curious how you developed it
it can be a good idea in a future version of knxweb
best regards,
Anhtony
Hi Anthony,
basically I took the KnxWeb code and changed the cwidget class a bit and also did some modifications in common.js.
The major change was to get rid of the tables and put everything into <div> elements. Somehow I don't like tables too much as they gave me lot's of headache in the past, especially with some css tricks :-)
The changes for beeing flexible were done in the css mainly. All x,y,width and height coordinates are specified in %
The idea was that there are 3 screen areas.
Left side is the menu, middle piece are the buttons and right side is the detail area.
Due to lazyness I currently have no menu section in my config file, I just use the goto class and place them into the menu section when loading a new zone.
I will pack up the source and put it somewhere to download. I will do this on the weekend, so be patient :-)
I also changed the config coordinates. I only have x and y coordinates 0-7, like a virtual grid. So I snap them to the right position while loading or placing in design mode.
cheers
Dietmar
Hi Anthony,
here the link to the current source version.
This is still early stage code :-) But you may play around if you want :-)
http://www.enghauser.de/share/knxweb_flex.tar.gz
cheers
Dietmar
Wow!
Interesting work! Like best of me the opportunity to edit the config.xml via web interface.
Is there a possibility to incorporate this into the next edition of knxweb?
Would be almost easy to config Rules and Settings!
greetz
Hannes
Hi Dietmar,
sorry for the delay I am pretty busy …
i have looked at what you made and there are some very good idea
the three areas:
left: a "menu" for a list of "zones"
middle: a positioning
right: for the details of the selected objects
each party should be identified by a different background color example
i like the idea you use for the "config coordinates 0-7 like a virtual grid"
I think use some of your ideas in the new version of knxweb or we rewrote a lot of things
@Hannes :
on the cvs (currently it is offline) the latest version of knxweb a lot of improvements like this
best regards,
Anhtony