DigRealtime DigRealtime DigRealtime DigRealtime
  • Start
  • Product
    • Product Information
    • Custom Widgets
    • Pricing
  • Support
    • Documentation
      • Setup Guide
      • Dashboard Studio Introduction
      • Data Extraction Guide
    • Forums
    • Services
  • Download
  • Customer
    • Log In
    • Register
  • Blog
  • Contact Us
DigRealtime DigRealtime
  • Start
  • Product
    • Product Information
    • Custom Widgets
    • Pricing
  • Support
    • Documentation
      • Setup Guide
      • Dashboard Studio Introduction
      • Data Extraction Guide
    • Forums
    • Services
  • Download
  • Customer
    • Log In
    • Register
  • Blog
  • Contact Us
Jun 23

Horizontal Bars with Selectable Item

  • 2016-06-23
  • admin
  • 46 Comments
  • Uncategorized

dr-bars-horizontal-2-col-select

A simple horizontal bar chart with SelectableItem. Can be used to filter and link data to other widgets, as well as receive filters from other widgets. If you want a DATE/TIME column to be the SelectableItem, use another template or change selectvalue to:

XHTML
1
selectvalue="{moment($T.row[$P.dr_bars_horizontal_2_col_selectColumn]).toDate().floor('day').toString('yyyy-MM-dd HH:mm:ss')},{new Date(moment($T.row[$P.dr_bars_horizontal_2_col_selectColumn]).toDate().setSeconds(1)).ceil('day').toString('yyyy-MM-dd HH:mm:ss')}"

Template:

XHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!--DO NOT USE FOR DATE SELECTION. User other Template for that-->
<!--SETTINGS-->
{#param name=selectColumn value="Ort"} <!--Type in the name of the ID Column: value="name of your id column"-->
{#param name=dr_bars_horizontal_2_col_selectColumn value="Ort"} <!--Type in the name of your ID Column: value="name of the id column"-->
{#param name=dr_bars_horizontal_2_col_property1 value="Totalsumma"} <!--Type in the name of the Property Column: value="name of the property column"-->
{#param name=dr_bars_horizontal_2_col_barcolor value="#2c4985"} <!--Set Bar Color-->
{#param name=dr_bars_horizontal_2_col_textcolor1 value="#111111"} <!--Set Text Color for ID Column-->
{#param name=dr_bars_horizontal_2_col_textcolor2 value="#ffffff"} <!--Set Text Color for Property Column (text in bars)-->
<!--END SETTINGS-->
 
 
 
<!--CUSTOMIZE-->
{#literal}
<style>
.dr-bars-horizontal-2-col {
padding-top: .5em;
}
.dr-bars-horizontal-2-col .column {
font-size: 1.1em;
line-height: 1;
}
.dr-bars-horizontal-2-col .column-name {
box-sizing: border-box;
padding-right: .5em;
text-align: right;
}
.dr-bars-horizontal-2-col .column-bar {
border: 1px solid hsla(0, 0%, 45%, .3);
box-sizing: border-box;
padding: .35em 0 .25em .15em;
}
</style>
{#/literal}
 
{#param name=dr_bars_horizontal_2_col_MaxValue value=0}
 
{#foreach $T.rows as row}
{#param name=dr_bars_horizontal_2_col_MaxValue value=((($P.dr_bars_horizontal_2_col_MaxValue < $T.row[$P.dr_bars_horizontal_2_col_property1]) && ( $T.row[$P.dr_bars_horizontal_2_col_selectColumn] != "" ) ) ? $T.row[$P.dr_bars_horizontal_2_col_property1] : $P.dr_bars_horizontal_2_col_MaxValue)}
{#/for}
 
 
<div class="dr-bars-horizontal-2-col">
<table class="dr-bars-horizontal-2-col-container">
<tbody>
{#foreach $T.rows as row}
{#if $T.row[$P.dr_bars_horizontal_2_col_selectColumn] != ""}
<tr class="column SelectableItem" selectcolumn="{$P.selectColumn}" selectvalue="{$T.row[$P.dr_bars_horizontal_2_col_selectColumn]}">
<td class="column-name" style="color:{$P["dr_bars_horizontal_2_col_textcolor1"]}">{$T.row[$P.dr_bars_horizontal_2_col_selectColumn].substring(0,20)}</td>
<td width="100%">
<div class="column-bar" style="background-color:{$P["dr_bars_horizontal_2_col_barcolor"]}; color:{$P["dr_bars_horizontal_2_col_textcolor2"]}; width: {($T.row[$P.dr_bars_horizontal_2_col_property1] / $P.dr_bars_horizontal_2_col_MaxValue) * 100}%">
{fixAndFormatIfNumber($T.row[$P.dr_bars_horizontal_2_col_property1], 2)}
</div>
</td>
</tr>
{#/if}
{#/for}
</tbody>
</table>
</div>
<!--Author: @digrealtime.com-->
<!--Created: 2016-06-21-->
<!--Modified: 2016-06-21-->

Have a Template you want to share with us? Please send code and a screenshot to info@digrealtime.com

  • Facebook
  • Twitter
  • Tumblr
  • Pinterest
  • Google+
  • LinkedIn
  • E-Mail

46 Comments

  1. FrAnKEYpaulArTVision
    2016-09-08 at 05:27 ·


    Song ¿~ …ArT

  2. BlendrErn
    2020-04-22 at 02:14 ·

    free slots [url=http://casinorealmoneysoe.com/ ]casino blackjack [/url] casino game slots games

  3. BlendrErn
    2020-04-24 at 10:58 ·

    slots games [url=http://onlinecasinogamespcx.com/ ]vegas casino slots [/url] online casino bonus online casino slots

  4. BlendrErn
    2020-04-25 at 07:24 ·

    online slots free slots games free slots

  5. BlendrErn
    2020-04-25 at 15:01 ·

    online gambling casino online free casino games online casino

  6. BlendrErn
    2020-04-26 at 18:43 ·

    slots games free [url=http://onlinecasinogamespcx.com/ ]slots free [/url] online casino bonus slots for real money best online casinos

  7. emonmefladePall
    2020-04-28 at 11:14 ·

    vegas casino slots online slot games real casino slots online casino bonus [url=http://onlinecasinosw.com/ ]gold fish casino slots [/url]

  8. BlendrErn
    2020-04-28 at 14:43 ·

    big fish casino slots free slots games

  9. BlendrErn
    2020-04-29 at 04:12 ·

    casino online [url=http://onlinecasinopc.com/ ]casino play [/url] online gambling slots games best online casino

  10. emonmefladePall
    2020-04-29 at 14:11 ·

    real casino slots free slots online casino games slots for real money

  11. BlendrErn
    2020-04-29 at 17:42 ·

    online slots [url=http://onlinecasinopc.com/ ]free online slots [/url] online casino games free casino slot games online gambling

  12. BlendrErn
    2020-04-30 at 07:20 ·

    casino online slots [url=http://onlinecasinopc.com/ ]casino real money [/url] best online casinos play slots online

  13. emonmefladePall
    2020-04-30 at 11:08 ·

    free online slots [url=http://playcasinosw.com/ ]free slots games [/url] no deposit casino free slots games

  14. BlendrErn
    2020-05-01 at 23:35 ·

    casino play casino online vegas casino slots world class casino slots

  15. emonmefladePall
    2020-05-03 at 02:00 ·

    slots games [url=http://casinoslotspc.com/ ]free online slots [/url] online casino real money best online casinos

  16. BlendrErn
    2020-05-03 at 16:26 ·

    free slots online casinos online casino real money big fish casino [url=http://casinoplaysw.com/ ]free casino slot games [/url]

  17. emonmefladePall
    2020-05-03 at 21:37 ·

    online casinos casino online slots free slots games real casino slots

  18. BlendrErn
    2020-05-04 at 03:46 ·

    real money casino [url=http://casinogamespqr.com/ ]online casino bonus [/url] real casino slots slot games

  19. BlendrErn
    2020-05-04 at 10:25 ·

    online casino real money world class casino slots vegas casino slots play casino

  20. emonmefladePall
    2020-05-04 at 11:23 ·

    play online casino casino game online casino

  21. BlendrErn
    2020-05-05 at 00:19 ·

    vegas casino slots slots free play online casino

  22. BlendrErn
    2020-05-06 at 07:13 ·

    online casino bonus big fish casino vegas slots online

  23. emonmefladePall
    2020-05-06 at 08:08 ·

    play online casino [url=http://casinoslotspc.com/ ]online slots [/url] real casino slots online casino best online casino

  24. emonmefladePall
    2020-05-06 at 14:50 ·

    real money casino [url=http://casinorealmoneyfdr.com/ ]big fish casino [/url] free casino slot games big fish casino

  25. BlendrErn
    2020-05-06 at 20:51 ·

    free online slots [url=http://casinogamespqr.com/ ]online slots [/url] casino real money casino game slots games free

  26. emonmefladePall
    2020-05-06 at 21:46 ·

    play slots online online slots online slots

  27. emonmefladePall
    2020-05-07 at 10:36 ·

    free slots [url=http://casinorealmoneyfdr.com/ ]vegas slots online [/url] slots for real money slots online

  28. BlendrErn
    2020-05-07 at 21:54 ·

    casino online casino online slots cashman casino slots casino play [url=http://casinoslotsfest.com/ ]free casino games online [/url]

  29. BlendrErn
    2020-05-08 at 17:51 ·

    free casino casino games play slots online

  30. emonmefladePall
    2020-05-09 at 01:44 ·

    vegas slots online online casinos online casino gambling free casino

  31. BlendrErn
    2020-05-09 at 07:25 ·

    real casino slots [url=http://casinoslotsfest.com/ ]casino blackjack [/url] casino online online casino bonus cashman casino slots

  32. emonmefladePall
    2020-05-09 at 08:31 ·

    free casino slot games slots games casino games

  33. emonmefladePall
    2020-05-10 at 22:32 ·

    free casino games online [url=http://onlinecasinofbk.com/ ]big fish casino [/url] online casino gambling slot games

  34. emonmefladePall
    2020-05-13 at 04:52 ·

    online casino gambling [url=http://onlinecasinofbk.com/ ]free casino games online [/url] free casino slot games play slots online online casino slots

  35. emonmefladePall
    2020-05-14 at 16:50 ·

    cannabis oil cbd oil online cannabis oil buy cbd oil online

  36. emonmefladePall
    2020-05-15 at 05:27 ·

    cdb oils cbd store medterra cbd cbd gummies walmart

  37. emonmefladePall
    2020-05-17 at 02:37 ·

    buy cbd cbd online cbd oils cbd gummies

  38. emonmefladePall
    2020-05-17 at 19:51 ·

    cbd oils buy hemp oil medterra cbd

  39. emonmefladePall
    2020-05-18 at 15:48 ·

    cdb oils cbd gummies cdb oils buy hemp oil [url=http://cbdoilglk.com/ ]cbd oil benefits [/url]

  40. emonmefladePall
    2020-05-19 at 02:30 ·

    pure cbd oil [url=http://buycbdoilwalm.com/ ]buy cbd [/url] cbd cream buy cbd

  41. emonmefladePall
    2020-05-19 at 09:11 ·

    cbd online [url=http://buycbdoilwalm.com/ ]cbd oil at walmart [/url] cbd oil for pain cbd pills

  42. emonmefladePall
    2020-05-19 at 15:51 ·

    cbd near me cbd vape cbd oil at walmart cbd oil benefits [url=http://buycbdoilwalm.com/ ]cbd oil online [/url]

  43. emonmefladePall
    2020-05-20 at 05:00 ·

    cbd hemp cbd online cbd oils buy cbd

  44. emonmefladePall
    2020-05-20 at 18:28 ·

    cbd pills hemp cbd oil cbd online cbd oil for sale

  45. emonmefladePall
    2020-05-22 at 01:35 ·

    cbd medic [url=http://buycbdoilonline.us.com/ ]cbd oils [/url] cbd hemp cbd medic

  46. emonmefladePall
    2020-05-22 at 20:53 ·

    cbd near me cbd oil benefits medterra cbd

Leave a reply Cancel reply

You must be logged in to post a comment.

Categories

  • No categories

Recent posts

  • KPI Display 2016-06-23
  • Horizontal Bars with Selectable Item 2016-06-23
  • Simple 3-Column Table with Select 2016-06-20
  • Simple Checkbox List 2016-06-19

Tags

badges bars checkbox displays KPI tables

About us

Manifact AB

It all started in 2006, when it was almost impossible to get real time data from operations within a company. But as change management consultants, we needed it badly to solve problems and follow up manufacturing processes for our customers, so we decided to develop our own realtime analytics platform from scratch.

And since then, that is what we've been busy doing.

Today, many medium and large sized companies throughout the world are using our enterprise business intelligence software in their everyday decision making.

On our 10th anniversary early 2016, we decided to let our platform be free to download and use for anyone. You can now implement it in your own organization in a couple of hours, and start solving business problems and follow up your entire business in real-time.

And if you need to restrict access to certain data and dashboards per user or per user group, sharing features, LDAP integration (Active Directory) and premium support, we also provide a Pro Edition.

Site Navigation

  • Start
  • Product
  • Services
  • Custom Widgets
  • Register a FREE Account
  • Download the Software
  • Quick Setup Guide
  • Dashboard Studio Guide
  • Data Extraction Guide
  • Pricing
  • Contact
  • Login
  • Forums
  • Blog
© 2016 DigRealtime.com

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.