added image to button

just working, no parameter management

kpofUIbutton.pd

@@ -1,4 +1,4 @@
-#N canvas 600 52 1295 963 10;
+#N canvas 592 52 1295 963 10;
 #X declare -path kollabs;
 #X obj 61 72 cnv 15 198 31 empty empty empty 20 12 0 14 -233017 -66577
 0;
@@ -67,13 +67,13 @@ domain;
 #X obj 339 251 osc_bi \$2 /kpof/\$1/color/off;
 #X restore 269 64 pd \$0-storage_&_osc;
 #X obj 272 119 s pd-\$0-cfg_\$1;
-#N canvas 365 746 464 161 \$0-cfg_\$1 0;
+#N canvas 363 745 464 161 \$0-cfg_\$1 0;
 #X obj 203 2 cnv 15 190 153 empty empty COLORS 5 8 0 14 -233017 -66577
 0;
 #X obj 9 2 cnv 15 190 80 empty empty POSITIONING 5 8 0 14 -233017 -66577
 0;
 #X obj 26 25 nbx 5 14 -1e+37 1e+37 0 0 /kpof/\$1/translate/X /kpof/\$1/translate/X
-X -10 7 0 10 -262144 -1 -1 110 256;
+X -10 7 0 10 -262144 -1 -1 0 256;
 #X obj 26 42 nbx 5 14 -1e+37 1e+37 0 0 /kpof/\$1/translate/Y /kpof/\$1/translate/Y
 Y -10 7 0 10 -262144 -1 -1 -135 256;
 #X obj 26 59 nbx 5 14 -1e+37 1e+37 0 0 /kpof/\$1/translate/Z /kpof/\$1/translate/Z
@@ -178,17 +178,17 @@ empty -20 7 0 8 -228856 -1 -1 1 256;
 #X obj 651 212 t b f;
 #X obj 651 190 r /kpof/\$1/size/ratio;
 #X obj 1014 641 route down up;
-#X obj 506 860 poftexts font1 40;
+#X obj 506 890 poftexts font1 40;
 #X obj 552 296 t a a;
-#X obj 526 750 r /kpof/\$1/size;
-#X obj 526 772 * 80;
-#X msg 526 793 width \$1;
-#X msg 596 793 size \$1;
-#X obj 596 771 r /kpof/\$1/text/size;
-#X msg 606 835 text \$1;
-#X obj 519 700 unpack f f f f;
-#X obj 506 725 pofcolor 1 1 1 1;
-#X obj 519 680 r /kpof/\$1/color/text;
+#X obj 526 780 r /kpof/\$1/size;
+#X obj 526 802 * 80;
+#X msg 526 823 width \$1;
+#X msg 596 823 size \$1;
+#X obj 596 801 r /kpof/\$1/text/size;
+#X msg 606 865 text \$1;
+#X obj 519 730 unpack f f f f;
+#X obj 506 755 pofcolor 1 1 1 1;
+#X obj 519 710 r /kpof/\$1/color/text;
 #X obj 566 148 r /kpof/\$1/rotate;
 #N canvas 1 52 450 300 \$0-color 0;
 #X obj 112 33 inlet;
@@ -204,19 +204,17 @@ empty -20 7 0 8 -228856 -1 -1 1 256;
 #X restore 141 35 pd \$0-color;
 #X obj 584 576 pofcolor 0.3 0.3 0.3 1;
 #X obj 506 207 t a a a;
-#X obj 552 642 pofrect 100 100 5;
 #X obj 552 395 t a a;
 #X obj 533 67 r /kpof/\$1/translate/X;
 #X obj 560 87 r /kpof/\$1/translate/Y;
 #X obj 587 107 r /kpof/\$1/translate/Z;
-#X obj 837 893 s /kpof/\$1/text/set;
-#X obj 837 850 symbol;
-#X obj 814 766 r /kpof/\$1/text;
-#X symbolatom 699 852 10 0 0 0 - - -, f 10;
-#X msg 837 872 set \$1;
-#X obj 814 808 t a b a;
-#X obj 814 788 symbol;
-#X obj 837 828 delay 1;
+#X obj 837 923 s /kpof/\$1/text/set;
+#X obj 837 880 symbol;
+#X obj 814 796 r /kpof/\$1/text;
+#X symbolatom 699 882 10 0 0 0 - - -, f 10;
+#X msg 837 902 set \$1;
+#X obj 814 838 t a b a;
+#X obj 837 858 delay 1;
 #N canvas 1 52 610 862 \$0-colors 0;
 #X obj 38 24 r /kpof/\$1/color/border/R;
 #X obj 48 44 r /kpof/\$1/color/border/G;
@@ -384,6 +382,8 @@ empty -20 7 0 8 -228856 -1 -1 1 256;
 #X obj 760 371 r /ds/\$2/recall;
 #X obj 760 393 bang;
 #X obj 760 415 delay 100;
+#X obj 814 818 symbol;
+#X obj 552 659 pofimage ./media/icon-play.png 95 95;
 #X connect 2 0 10 0;
 #X connect 3 0 2 0;
 #X connect 6 0 14 0;
@@ -402,13 +402,13 @@ empty -20 7 0 8 -228856 -1 -1 1 256;
 #X connect 17 2 66 3;
 #X connect 17 3 66 4;
 #X connect 18 0 13 0;
-#X connect 19 0 83 0;
-#X connect 20 0 82 0;
+#X connect 19 0 81 0;
+#X connect 20 0 80 0;
 #X connect 21 0 28 0;
 #X connect 22 0 28 0;
 #X connect 24 0 17 0;
 #X connect 25 0 17 0;
-#X connect 26 0 87 0;
+#X connect 26 0 85 0;
 #X connect 27 0 24 0;
 #X connect 27 1 25 0;
 #X connect 28 0 23 0;
@@ -422,7 +422,7 @@ empty -20 7 0 8 -228856 -1 -1 1 256;
 #X connect 37 0 34 1;
 #X connect 38 0 47 0;
 #X connect 39 0 54 0;
-#X connect 40 0 69 0;
+#X connect 40 0 68 0;
 #X connect 41 0 43 0;
 #X connect 43 1 12 0;
 #X connect 43 1 52 0;
@@ -457,27 +457,28 @@ empty -20 7 0 8 -228856 -1 -1 1 256;
 #X connect 66 0 41 0;
 #X connect 67 0 62 0;
 #X connect 67 2 39 0;
-#X connect 69 1 66 0;
-#X connect 70 0 14 1;
-#X connect 71 0 14 2;
-#X connect 72 0 14 3;
-#X connect 74 0 77 0;
-#X connect 75 0 79 0;
-#X connect 76 0 60 0;
-#X connect 77 0 73 0;
-#X connect 78 0 60 0;
-#X connect 78 1 80 0;
-#X connect 78 2 74 1;
-#X connect 79 0 78 0;
-#X connect 80 0 74 0;
-#X connect 82 0 25 0;
-#X connect 82 1 25 1;
-#X connect 83 0 24 0;
-#X connect 83 1 24 1;
-#X connect 85 0 6 0;
-#X connect 86 0 38 0;
-#X connect 87 0 27 0;
-#X connect 88 0 89 0;
-#X connect 89 0 90 0;
-#X connect 90 0 87 0;
+#X connect 68 0 90 0;
+#X connect 68 1 66 0;
+#X connect 69 0 14 1;
+#X connect 70 0 14 2;
+#X connect 71 0 14 3;
+#X connect 73 0 76 0;
+#X connect 74 0 89 0;
+#X connect 75 0 60 0;
+#X connect 76 0 72 0;
+#X connect 77 0 60 0;
+#X connect 77 1 78 0;
+#X connect 77 2 73 1;
+#X connect 78 0 73 0;
+#X connect 80 0 25 0;
+#X connect 80 1 25 1;
+#X connect 81 0 24 0;
+#X connect 81 1 24 1;
+#X connect 83 0 6 0;
+#X connect 84 0 38 0;
+#X connect 85 0 27 0;
+#X connect 86 0 87 0;
+#X connect 87 0 88 0;
+#X connect 88 0 85 0;
+#X connect 89 0 77 0;
 #X coords 0 -1 1 1 200 50 1 60 55;