About widget

[admin]

You can draw the outline on the plan background image manually or create elements on the plan using Custom JavaScript. But in this case these elements will only be visible in the viewer mode not in the editor. #plan-1 is the element ID of the plan where the element will be placed. Change as needed. Plan ID is shown in the plan edit form.

Code:

$(function() {
  if ($('body').hasClass('usermode')) {
    $('<div></div>').css({
      position: 'absolute',
      width: 400,
      height: 300,
      top: 70,
      left: 100,
      'box-shadow': '0 0 6px 3px rgba(255,0,0,0.5)'
    }).appendTo('#plan-1');
  }
});