• Recent
    • Tags
    • Popular
    • Register
    • Login

    Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

    Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website Mango 5 Documentation Website

    Dashboard Designer: Editor code does not update

    User help
    3
    7
    1.6k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      Desmond
      last edited by Desmond

      Hi support,

      While exploring the dashboard designer, I have drag and drop 2 elements in the canvas, namely first element h2 and second element h4 and then saved the page. The editor was displayed the html code view correctly.
      If you change the text content of the h2 or h4 and saved, the text content will update in the editor. However if you changed the order of the h2 and h4 element in the canvas and saved, html code view was not reflected the change in the editor. Is this the expected behaviour?
      -Core 3.6.4
      -dashboardDesigner3.6.0

      Thank you for your attention.

      Jared WiltshireJ 1 Reply Last reply Reply Quote 0
      • Jared WiltshireJ
        Jared Wiltshire @Desmond
        last edited by

        @desmond said in Dashboard Designer: Editor code does not update:

        However if you changed the order of the h2 and h4 element in the canvas and saved, html code view was not reflected the change in the editor. Is this the expected behaviour?

        What do you mean by "order"?

        Developer at Radix IoT

        D 1 Reply Last reply Reply Quote 0
        • D
          Desmond @Jared Wiltshire
          last edited by

          @jared-wiltshire
          with the aid of the pic below, hope that it can help to understand clearer.

          Before:
          0_1572503949926_before.jpg

          After:
          0_1572503975108_after.jpg

          Thanks & Regards

          1 Reply Last reply Reply Quote 0
          • CraigWebC
            CraigWeb
            last edited by

            Hi Desmond

            Items that are placed in the canvas by drag and drop are given absolute positions.
            style="position: absolute; left: 88px; top: 61px;"z
            So the order of the html code does not matter.

            D 1 Reply Last reply Reply Quote 0
            • D
              Desmond @CraigWeb
              last edited by Desmond

              @craigweb
              The caveat here is that if you want to re-order to the a few basic component such as button, image, label etc inside a div tag to improve on the user interface at later stage and think that the html code view will update automatically which is surprising not the case.

              The conflict part is the view page output will update according to the changes of canvas layout in the dashboard designer. It does not make sense that the html code view does not update automatically.

              Thank you for your reply.

              1 Reply Last reply Reply Quote 0
              • Jared WiltshireJ
                Jared Wiltshire
                last edited by

                @Desmond I really do not follow what you are trying to say. If you move an element around in the visual designer mode it will definitely update the markup. It changes the left and top CSS properties of the elements which are absolutely positioned.

                Developer at Radix IoT

                D 1 Reply Last reply Reply Quote 0
                • D
                  Desmond @Jared Wiltshire
                  last edited by

                  @jared-wiltshire , @CraigWeb

                  After digging in deeper and rethink the usage of the dashboard designer, I realized that it is my failure to understand correctly the intent of dashboard designer.

                  It is a page creation tool. The editor is a container that register a list of HTML components. It will update and keeps track of the positioning and the attribute of the elements. The page view is final output which show the layout of HTML components. Changes made via the designer canvas or the generated code will update the page view.

                  The editor records the order sequence of HTML components which has dragged and dropped in the canvas. The generated code provide information about the HTML components.

                  It will be a great helper for designing the page quickly. I think I need to spend more time to get familiar with the rich features offered by the dashboard designer.

                  Thank you for your attention.

                  1 Reply Last reply Reply Quote 1
                  • First post
                    Last post