[IMPLEMENTED] Improvement of Dashboard Balance Stats

Once again, beautifully designed website. One suggestion for the Balance Stats on the Dashboard as it’s a little hard to read due to spacing and grouping of text around the graphics:

BTC Balance: xx.xxxxxxxx    Auto Payment: x.xx
<graphic>

LTC Balance: xx.xxxxxxxx    Auto Payment: x.xx
<graphic>

FTC Balance: xx.xxxxxxxx    Auto Payment: x.xx
<graphic>

NMC Balance: xx.xxxxxxxx    Auto Payment: x.xx
<graphic>

Comments

  • Hi.

    Thanks for the suggestion. Will try to change it ASAP.

    Cheers.

  • edited March 2014

    Hi, I know you guys must be busy, so...


    I've attached the HTML + minimal inline CSS for a streamlined dashboard "Balance Stats" widget. You can view this in Safari (turn on the Developer menu in Safari->Preferences, then Develop->Show Page Source) by replacing the entire <div class="widget-content">…</div> element with the HTML code snippet below. I've included a screen grab so you can see how it looks:

    image

    Notes: VTC and NMC are missing icons (icon-vtc and icon-nmc seem to point to nothing).

    ***

    <div class="widget-content">

    <div style="float:left;">LTC: 0.40631980<i class="icon-ltc"></i></div>
    <div style="float:right;">Auto Pay: 1.00<i class="icon-ltc"></i></div>
    <div class="progress progress-primary progress-striped active" style="clear:both;">
        <div class="bar" style="width: 41%">41%</div>
    </div>

    <div style="float:left;">BTC: 0.001331<i class="icon-btc"></i></div>
    <div style="float:right;">Auto Pay: 0.0050<i class="icon-btc"></i></div>
    <div class="progress progress-primary progress-striped active" style="clear:both;">
        <div class="bar" style="width: 27%">27%</div>
    </div>

    <div style="float:left;">FTC: 6.28179853<i class="icon-ftc"></i></div>
    <div style="float:right;">Auto Pay: 10.05<i class="icon-ftc"></i></div>
    <div class="progress progress-primary progress-striped active" style="clear:both;">
        <div class="bar" style="width: 63%">63%</div>
    </div>

    <div style="float:left;">NMC: 0.010709<i class="icon-nmc"></i></div>
    <div style="float:right;">Auto Pay: 0.01<i class="icon-nmc"></i></div>
    <div class="progress progress-primary progress-striped active" style="clear:both;">
        <div class="bar" style="width: 11%">11%</div>
    </div>

    <div style="float:left;">VTC: 2.98285025<i class="icon-vtc"></i></div>
    <div style="float:right;">Auto Pay: 5.00<i class="icon-vtc"></i></div>
    <div class="progress progress-primary progress-striped active" style="clear:both;">
        <div class="bar" style="width: 60%">60%</div>
    </div>                       

    </div>

  • Thanks for the code :) it works a little bit different behind the scenes but ill make sure its done today.

  • Nice change, looks much cleaner now!

  • Awesome.


    Yeah, I figured the code would have to be adapted to suit how you're generating the content.

    Great job. Thanks!
Sign In or Register to comment.