Cleaner separation of dashboard and editor

[shannoncruey]

I'm loving Freeboard! I'm using it embedded in another application and it's suiting my needs very well.

However, by it's nature, certain things are sort of hardcoded (such as the assumption the editor will always be included in the markup) and it causes my integration to be less than perfect. One example: in freeboard.js around line 626 is this:

    if(!editing)
    {
        $("#toggle-header-icon").addClass("icon-wrench").removeClass("icon-chevron-up");
        $(".gridster .gs_w").css({cursor: "default"});
        $("#main-header").animate({"top": "-" + barHeight + "px"}, animateLength);

Every pixel is precious, and this code forces an inline style of top: 10 on #board-content which I can't override with a custom css.

I'd love to see an example of a "view only" board with no editor, padding, margins or inline styles. I've gotten close but struggled to get it perfect without editing the actual freeboard javascript.

How about separating the two, where the pure dashboard code has no additional styles or animations for the editor? I think this would allow much more seamless integration, and hopefully get more people using this great tool!

[nzfarmer1]

+1 for this feature!

[dr1999ara]

After about 7 years, +10 for this feature from us who have never written a line of code in js :))