function drawSteps() {
  var steps = "-";
  //Reset to defaults.
  g.reset();
  // draw the date (2x size 7 segment)
  g.setColor('#7f8c8d');
  g.setFont("8x12",2);
  g.setFontAlign(-1,0); // align right bottom
  g.drawString("STEPS", 145, 40, true /*clear background*/);
  g.setColor('#bdc3c7');
  if (WIDGETS.activepedom !== undefined) {
    steps = WIDGETS.activepedom.getSteps();
  } else if (WIDGETS.wpedom !== undefined) {
    steps = WIDGETS.wpedom.getSteps();
  }
  g.drawString(steps, 145, 65, true /*clear background*/);
}
//We will create custom "Widgets" for our face.
We will create custom "Widgets" for our face.
We will create custom " Widgets " for our face .
function drawSteps() {
  var steps = "-";
  g.reset();
  g.setColor('#7f8c8d');
  g.setFont("8x12",2);
  g.setFontAlign(-1,0); 
  g.drawString("STEPS", 145, 40, true );
  g.setColor('#bdc3c7');
  if (WIDGETS.activepedom !== undefined) {
    steps = WIDGETS.activepedom.getSteps();
  } else if (WIDGETS.wpedom !== undefined) {
    steps = WIDGETS.wpedom.getSteps();
  }
  g.drawString(steps, 145, 65, true );
}
function drawSteps ( ) { var steps = "-" ; g . reset ( ) ; g . setColor ( '#7f8c8d' ) ; g . setFont ( "8x12" , 2 ) ; g . setFontAlign ( - 1 , 0 ) ; g . drawString ( "STEPS" , 145 , 40 , true ) ; g . setColor ( '#bdc3c7' ) ; if ( WIDGETS . activepedom !== undefined ) { steps = WIDGETS . activepedom . getSteps ( ) ; } else if ( WIDGETS . wpedom !== undefined ) { steps = WIDGETS . wpedom . getSteps ( ) ; } g . drawString ( steps , 145 , 65 , true ) ; }
We will create custom "Widgets" for our face.
We will create custom " Widgets " for our face .
//Reset to defaults. // draw the date (2x size 7 segment) // align right bottom /*clear background*/ /*clear background*/