diff --git a/apps/libslider/app.js b/apps/libslider/app.js
new file mode 100644
index 000000000..69f0762df
--- /dev/null
+++ b/apps/libslider/app.js
@@ -0,0 +1,6 @@
+let callback = (ud)=>{
+  if (ud) Bangle.musicControl(ud>0 ? "volumedown" : "volumeup");
+  print("hi");
+};
+
+require("SliderInput").interface(callback, false);
diff --git a/apps/libslider/lib.js b/apps/libslider/lib.js
index 1397ab83a..cebd4eaaf 100644
--- a/apps/libslider/lib.js
+++ b/apps/libslider/lib.js
@@ -1,3 +1,4 @@
+exports.interface = function(cb, useMap) {
 // Constants for the indicator:
 const X_START = 87;
 const WIDTH = 50;
@@ -15,16 +16,17 @@ let smoothpastedge = true;
 
 let continDrag = (e)=>{
   // If draging on the indicator, adjust one-to-one.
-    if (e.x>X_START-OVERSIZE*WIDTH && e.x<X_START+OVERSIZE*WIDTH) {
+    if (useMap && e.x>X_START-OVERSIZE*WIDTH && e.x<X_START+OVERSIZE*WIDTH) {
       draw('map', e.y);
     } else if (true) {
 
       dy += e.dy;
       //if (!e.b) dy=0;
       while (Math.abs(dy)>32) {
-        if (dy>0) { dy-=32; draw('incr',1) }
-        else { dy+=32; draw('incr',-1) }
+        if (dy>0) { dy-=32; draw('incr',1); cb(1); }
+        else { dy+=32; draw('incr',-1); cb(-1); }
         Bangle.buzz(20);
+        
       }
     }
  E.stopEventPropagation&&E.stopEventPropagation();
@@ -51,8 +53,7 @@ let draw = (mode, input)=>{
     if (level == lastLevel) return;
   }
 
-  levelHeight = level==0?WIDTH:level*STEP_SIZE; 
-  //levelHeight = Math.max(level*STEP_SIZE,STEP_SIZE);
+  levelHeight = level==0?WIDTH:level*STEP_SIZE; // Math.max(level*STEP_SIZE,STEP_SIZE);
   lastLevel = level;
 
   ovr.clear().setColor(1).
@@ -73,4 +74,5 @@ let draw = (mode, input)=>{
 
 let dy = 0;
 Bangle.prependListener('drag', continDrag);
-g.setColor(1,0,0).fillRect(Bangle.appRect).reset();
+g.reset();
+}