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:

After:

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.