Dynamic Data Block Formatted Output

{% assign campusId = 'Global' | PageParameter:'campusID'%} 

{% assign dateRange = 'Global' | PageParameter:'DateRange'%} 

{% if campusId != '' and dateRange != ''%} 

<div class="row"> 

    <div class="col-md-3"> 

        {[ sqldashboardmetric metricvalue:'{% for row in rows %}{% if row.Title == 'Weekend' %}{{ row.Value }}{% endif %}{% endfor %}' metrictitle:'Weekend Attendance' metricsubtitle:'' metriccolor:'metric-primary-color' icon:'fa-user-friends' tooltip:'{{ weekendtooltip }}']} 

    </div> 

    <div class="col-md-3"> 

        {[ sqldashboardmetric metricvalue:'{% for row in rows %}{% if row.Title == 'Water Baptisms' %}{{ row.Value }}{% endif %}{% endfor %}' metrictitle:'Water Baptisms' metricsubtitle:'' metriccolor:'metric-info-color' icon:'fa-tint' tooltip:'{{ waterbaptismstooltip }}']} 

    </div> 

    <div class="col-md-3"> 

        {[ sqldashboardmetric metricvalue:'{% for row in rows %}{% if row.Title == 'Starting Point' %}{{ row.Value }}{% endif %}{% endfor %}' metrictitle:'Starting Point' metricsubtitle:'' metriccolor:'metric-primary-color' icon:'fa-heart' tooltip:'{{ startingpointtooltip }}']} 

    </div> 

    <div class="col-md-3"> 

        {[ sqldashboardmetric metricvalue:'{% for row in rows %}{% if row.Title == 'Giving' %}${{ row.Value }}{% endif %}{% endfor %}' metrictitle:'Giving' metricsubtitle:'' metriccolor:'metric-info-color' icon:'fa-hand-holding-usd' tooltip:'{{ givingtooltip }}']} 

    </div> 

</div> 

{% endif%}

To see the code in raw format, click here

Top