anchor.diff:  
           <!-- Gauges -->
           <script type="text/javascript">
  -             function saveGuagesSvgAsPng() {
  +             function saveGaugesSvgAsPng(event, from, to) {
  +
  +                 event.preventDefault();
  +                 event.stopPropagation();
   
   //                 var xValBegin= 100, xStep = 200;
                    var guageWidth = 144,
  
positive.code:                 <div class="dashboard-line-footer text-right">
                      <ul class="dashboard-line-nav-box list-unstyled">
                          <li>
                              <a onclick="saveGuagesSvgAsPng()" class="save_as"><i class="fa fa-download"></i> Save all Gauges</a>
                          </li>
                      </ul>
                  </div>
  
negative.code:                                     <div class="box-right-nav dropdown">
                                          <a href="#" data-target="#" data-toggle="dropdown"><i class="fa fa-cog"></i></a>
                                          <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
                                              <li><a href="" onclick="saveGaugesSvgAsPng(event, ${index}, ${index})">Save</a></li>
                                              <ano:iF test="${requestScope.selectedDashboard == null && gauge.dashboardsToAdd != ''}">
                                                  <li><a onclick="addGauge('${gauge.caption}', '${gauge.name}', '${gauge.dashboardsToAdd}')" >Add to Dashboard</a></li>
                                              </ano:iF>
  