Empty dashboard with appdaemon

appdaemon install was successful and connected to Homeassistant without any issues. I can see from the debug that its getting the entities from my HA instance.

# Main arguments, all optional
#
title: Main Panel
widget_dimensions: [120, 120]
widget_size: [1, 1]
widget_margins: [5, 5]
columns: 8
global_parameters:
    use_comma: 0
    precision: 1
    use_hass_icon: 1
layout:
    - sensor.pws_temp_c, sensor.pws_location

Can you try it with the suggested hello world dash in the readme and let me know if that works OK.

its the same. same error in Java console.

jQuery.Deferred exception: Cannot assign to read only property 'width' of object '#<ClientRect>' TypeError: Cannot assign to read only property 'width' of object '#<ClientRect>'
    at Coords.fn.set (http://sirius.schettada.net:5050/javascript/jquery.gridster.js:58:29)
    at Coords.fn.init (http://sirius.schettada.net:5050/javascript/jquery.gridster.js:48:14)
    at new Coords (http://sirius.schettada.net:5050/javascript/jquery.gridster.js:39:14)
    at r.fn.init.$.fn.coords (http://sirius.schettada.net:5050/javascript/jquery.gridster.js:123:19)
    at Gridster.fn.register_widget (http://sirius.schettada.net:5050/javascript/jquery.gridster.js:2082:26)
    at Gridster.fn.add_widget (http://sirius.schettada.net:5050/javascript/jquery.gridster.js:1336:8)
    at HTMLDocument.<anonymous> (http://sirius.schettada.net:5050/compiled_javascript/default/hello_init.js:18:18)
    at j (http://sirius.schettada.net:5050/javascript/jquery-3.1.1.min.js:2:29948)
    at k (http://sirius.schettada.net:5050/javascript/jquery-3.1.1.min.js:2:30262) undefined
r.Deferred.exceptionHook @ jquery-3.1.1.min.js:2
k @ jquery-3.1.1.min.js:2

Uncaught TypeError: Cannot assign to read only property 'width' of object '#<ClientRect>'
    at Coords.fn.set (jquery.gridster.js:58)
    at Coords.fn.init (jquery.gridster.js:48)
    at new Coords (jquery.gridster.js:39)
    at r.fn.init.$.fn.coords (jquery.gridster.js:123)
    at Gridster.fn.register_widget (jquery.gridster.js:2082)
    at Gridster.fn.add_widget (jquery.gridster.js:1336)
    at HTMLDocument.<anonymous> (hello_init.js:18)
    at j (jquery-3.1.1.min.js:2)
    at k (jquery-3.1.1.min.js:2)
fn.set @ jquery.gridster.js:58
fn.init @ jquery.gridster.js:48
Coords @ jquery.gridster.js:39
$.fn.coords @ jquery.gridster.js:123
fn.register_widget @ jquery.gridster.js:2082
fn.add_widget @ jquery.gridster.js:1336
(anonymous) @ hello_init.js:18
j @ jquery-3.1.1.min.js:2
k @ jquery-3.1.1.min.js:2nd_place_medal:

Can you grab hello_init.js from the compiled directory and post it please.

Here you go!

$(function(){ //DOM Ready

    $(document).attr("title", "Hello Panel");
    content_width = (120 + 5) * 8 + 5
    $('.gridster').width(content_width)
    $(".gridster ul").gridster({
        widget_margins: [5, 5],
        widget_base_dimensions: [120, 120],
        avoid_overlapped_widgets: true,
        max_size_x: 8,
        shift_widgets_up: false
    }).data('gridster').disable();
    
    // Add Widgets

    var gridster = $(".gridster ul").gridster().data('gridster');
    
        gridster.add_widget('<li><div data-bind="attr: {style: widget_style}" class="widget widget-basedisplay-default-label" id="default-label"><h1 class="title" data-bind="text: title, attr:{ style: title_style}"></h1><h1 class="title2" data-bind="text: title2, attr:{ style: title2_style}"></h1><div class="valueunit"><h2 class="value" data-bind="html: value, attr:{ style: value_style}"></h2><p class="unit" data-bind="html: unit, attr:{ style: unit_style}"></p></div><h1 class="state_text" data-bind="text: state_text, attr: {style: state_text_style}"></h1></div></li>', 2, 2, 1, 1)
    
    
    
    var widgets = {}
    // Initialize Widgets
    
        widgets["default-label"] = new basedisplay("default-label", "http://sirius.schettada.net:5050", "default", {'widget_type': 'basedisplay', 'fields': {'title': '', 'title2': '', 'value': 'Hello World', 'unit': '', 'state_text': ''}, 'static_css': {'title_style': 'color: #fff;', 'title2_style': 'color: #fff;', 'unit_style': '', 'value_style': 'color: #fff;', 'state_text_style': 'color: #fff;', 'widget_style': 'background-color: #444;'}, 'css': {}, 'icons': [], 'static_icons': []})
    
    
    // Start listening for HA Events
    if (location.protocol == 'https:')
    {
        wsprot = "wss:"
    }
    else
    {
        wsprot = "ws:"
    }
    var stream_url = wsprot + '//' + location.host + '/stream'
    ha_status(stream_url, "Hello Panel", widgets);

});

Hmm. What browser are you using?

Chrome Version 59.0.3071.115 (Official Build) (64-bit)

looks like its working in Edge. and was able to access the hello world dash in my phone as well. seems like a chrome issue.

Weird, because I test using nothing but Chrome … what OS are you using?

Windows 10 Enterprise. i tried in Chrome for Mac and is working without any issues. It is weird as we expect everything to work without much issue in chrome.

Shot in the the dark, try holding the ctrl key when you click on the chrome refresh key .

its a no go.

Tried clearing cache?