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

Dashboard Designer: Editor code does not update


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


  • @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"?


  • @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


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


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


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


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