Keine Ankündigung bisher.

Smartvisu 2.9 - Few problems

  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Smartvisu 2.9 - Few problems

    I've used the graphical user interface in the 2.8 version. Now I have started to move to version 2.9.
    The first problem is that using "ovdevice.dimmer" widget. When pushing a light icon in the dimmer lights goes on and goes back off immediately and visa versa.


    The second problem is that changing the size of the browser window the devices are not following the graphics on the same position as they used to do in the version 2.8

    Big browser window:

    Window size 1.png

    Smaller browser window:

    Window size 2.png

    Does someone have any idea?
    Zuletzt geändert von wvhn; 19.05.2020, 22:36. Grund: auf gelöst gesetzt

    The dimmer has two items:
    - item_switch for switching the light on and off
    - item_value for setting the dimming value of the light

    Since both of the items use the standard widgets internally (basic.stateswitch for switch / basic.slider for value), I don't think there is a malfunction. Please make sure the two items are assigned correctly and be aware of the changed sequence in the macro call:

    old sequence
    {% macro dimmer (id, txt, left, top, gad_switch, gad_value, min, max, step, type, hide) %}
    new sequence
    {% macro dimmer(id, txt, item_switch, item_value, min, max, step, pic_on, pic_off, color_on, color_off, value_display, min_display, max_display, left, top, type, hide, picpos) %}
    In addition, the id for the widget must be unique.

    in v2.8 there was a Javascript function in each widget which centered each individual icon. I didn't manage to make this work in v2.9 with jQueryMobile based display functions up to now. So the positioning of the icon is now by top left corner. If you reduce the screen size and leave the icon size unchanged the icon centers can not keep the intended position. Any proposal to make centering of the icons work again is appreciated.



      Upto now I had only been able to test the graphics design with offline data where everything worked fine. First tests with an apache2 webserver on my PC with shNG as Backend on the Raspberry show that the stateswitch and also the slider seem to fire twice on a click event when used in a popup. They behave normal if they are integrated in the main page.
      I have to investigate more on this behavior.



        OK, could you try the ovbasic.html in the attachment?
        I had to remove the dynamic icon inside the stateswich. Now it works in my tests. .

        Angehängte Dateien


          Thank you for testing. New ovdevice.dimmer works fine.

          I hope somebody could help with the centering problem of the icon when changing the size of the screen.




            I think I have found a solution for the centering issue, last night. I’m going to send you some files to test later during the day.


              When using dynamic icons make sure the second parameter stays empty.


                Yes, that's right. But in this case the dyn. icon has been part of the widget distributed with the package.

                Now, I would be grateful if you could test the changed widgets and base.css in the attachment. Folder structure inside the zip file is according to smartvisu/pages.
                I have added the css class "absolutepos" which should center all buttons and icons (just in case you need to tweak anything).
                A short test has been conducted with all button styles (icon, micro, mini, midi).

                Thanks and best regards
                Angehängte Dateien
                Zuletzt geändert von wvhn; 24.04.2020, 20:05. Grund: update of the tested styles


                  I was elsewhere over the weekend. Now I had time to try the changes. When I minimize the window, the icons continue to move down. Attached images show where the icons are on the computer screen and another image on the mobile phone screen.

                  I have made a page in a slightly different way. I've changed ov.backroud widget's height and width values of 155% because I do not use the widgets next to the image.

                  I have also tried example.graphics3 the background image, and the height and width values of 100%, the icons are still moving up and down direction.

                  I also tried the standard values of example.graphics3. The icons also slip a little, but not so much.



                  Minimized computer screen:

                  Computer minimized.png



                  Thank you,


                  PS. Should I send you my pages?


                    Hi Tomas,
                    when I try resizing example3.graphic on my screen and also on my smartphone I don't see icons moving any more. The window icons are a good reference to check that.

                    reduced browser window:
                    Screenshot_EG_small.png (Both images are shrunk by 50% from their original size)

                    Of course, the icon sizes grow big compared to the background image because they are oriented to the screen resolution. The same appears on the smartphone dispay, but there we could save some space by reducing the size of header and footer menus. That can be done in the visu.css:


                    If you have put the files into the right folders: base.css in pages/base and the widgets in pages/example3/widgets and also in pages/<YOUR PAGES>/widgets (!), the reason for the moving icons must be in your described page layout. You can send me a link to your pages via PN.

                    Best regards


                      For documentation:
                      in the graphics design, all elements have to be placed by absolute coordinates within the limits of the background image (floor plan). If html elements or widgets with no absolute positioning are used they will be placed below the background image. Reducing the screen size will shrink the background image but in relation to it the elements below will consume a bigger portion of the screen than before. This directly affects the positioning of the visu elements on the background image.

                      The issue has been solved by removing an extra element not positioned with absolute coordinates on the image.
                      Zuletzt geändert von wvhn; 03.05.2020, 07:41.