Skip to content

Instantly share code, notes, and snippets.

@tolleiv
tolleiv / README.md
Last active October 13, 2022 07:03
Font Awesome Dashing Widget

Font Awesome Dashing Widget

This is a Dashing widget and all components needed to port the original radiator information into an Dashing Widget.

##Usage

To use this widget, copy fa.html, fa.coffee, and fa.scss into the /widgets/fa directory. Or simply run dashing install da8fcf69316b1d16fcf6 to let dashing do that for you.

To include the widget in a dashboard, add the following snippet to the dashboard layout file:

@nick123pig
nick123pig / readme.md
Last active April 10, 2019 15:13
Dashing Table

dashing-table

Allows you to use tables with the dashing framework.

Preview

Basic Table Preview

@cmourizard
cmourizard / README.md
Created July 22, 2014 20:56
Tumblr widget for Dashing

##Preview

Description

Simple Dashing widget (and associated job) to display quote from Tumblr blog. Uses Tumblr's API.

##Usage

##Preview

Description

Simple Dashing widget (and associated job) to display recent StockTwits data for a specific ticker symbol using the StockTwits API.

##Dependencies

@JediFreeman
JediFreeman / 1. summary
Last active May 19, 2018 07:45
Dashing Widget sizex Problem
When playing around with dashing, I wanted to create a dashboard with
several small tiles as the base size for the gridster, and then set up
larger tiles for larger pieces of content. In doing so I discovered that
if I set the data-sizex larger than 6 on one of my tiles, its layout
becomes totally borked.
For an example, please see this screenshot: http://i.imgur.com/Qfpgl8N.png
this screenshot is in Firefox (current stable) but also occurs all other
current stable browsers (except of course IE since IE does not work at all).
@andre-morassut
andre-morassut / Readme.md
Last active May 19, 2018 07:46
Dashing - "text status" widget

Dashing Text Status Widget

This widget is based on the standard Dashing Text widget. It adds a status management between three basic states : OK, ERROR and INFORMATION. The widget background, image and color, changes with the state.

What it does

With this widget, you can display the status of a single system. It can be used for servers, sites, etc. It lets you build status dashboards with a single system per tile. The widget will fade to green if the status is OK, red if ERROR, blue if INFORMATION. You can customize the text displayed and change it dynamically.

If you refer to the thumbnail, you'll see an example.

@andre-morassut
andre-morassut / Readme.md
Last active May 24, 2020 00:04
Dashing - "hotness number" widget

Dashing Hotness Number Widget

This widget is based on the standard Dashing Number widget and the Hotness Widget created by Rowanu.

What it does

With this widget, you can display the standard number widget with a color that will respond on the evolution (the difference displayed between last and current value that is displayed on the standard number widget)

It can be useful to display colors based on the evolution of the number widget : if increasing is "bad" then it will display red. If you refer to the thumbnail, you'll see an example of application around a server pool.

@andre-morassut
andre-morassut / Readme.md
Last active September 8, 2019 11:44
Dashing - "hotness list" widget

Dashing Hotness List Widget

This widget is based on the standard Dashing List widget and the Hotness Widget created by Rowanu.

What it does

With this widget, you can display a list that will change color depending on its content. It can be useful to display a set of metrics and use the color to materialize the "global state". If you refer to the thumbnail, you'll see an example of application around a server pool.

How to add to Dashing

@andre-morassut
andre-morassut / Readme.md
Last active May 16, 2018 15:16
Dashing - "hotness meter" widget

Dashing Hotness Meter Widget

This widget is based on the standard Dashing Meter widget and the Hotness Widget created by Rowanu.

What it does

Use it as the standard Meter widget and add the following attributes in your dashboard elements declaration :

  • data-cool : all values below this will display the "cool" colour. Use it to symbolize the "good" range of values.
  • data-warm : all values greater than this will display the "hot" colour. Use it to symbolize the "bad" range of values.

A Dashing widget which shows an image.

To use, in your dashboard.erb file:

<li data-row="1" data-col="1" data-sizex="3" data-sizey="2">
  <div data-id="picture" data-view="BigImage" data-image="http://i.imgur.com/JycUgrg.jpg"
    style="background-color:transparent;"
    data-max="true"
  ></div>