diff -r 43b2bff95289 -r b27e50143083 svghmi/widget_tooglebutton.ysl2
--- a/svghmi/widget_tooglebutton.ysl2	Mon Jun 20 09:30:11 2022 +0200
+++ b/svghmi/widget_tooglebutton.ysl2	Wed Jun 22 11:48:40 2022 +0200
@@ -37,56 +37,19 @@
             this.request_animate();
         }
 
-        set_state(active) {
-            if (this.active_elt){
-                if(active==undefined || !active){
-                    if(this.active_elt_parent == undefined){
-                        this.active_elt_parent = this.active_elt.parentElement;
-                        this.active_elt_parent.removeChild(this.active_elt);
-                    }
-                }else{
-                    if(this.active_elt_parent != undefined){
-                        this.active_elt_parent.insertBefore(this.active_elt, this.active_elt_sibling);
-                        this.active_elt_parent = undefined;
-                    }
-                }
-            }
-            if (this.inactive_elt){
-                if(active==undefined || active){
-                    if(this.inactive_elt_parent == undefined){
-                        this.inactive_elt_parent = this.inactive_elt.parentElement;
-                        this.inactive_elt_parent.removeChild(this.inactive_elt);
-                    }
-                }else{
-                    if(this.inactive_elt_parent != undefined){
-                        this.inactive_elt_parent.insertBefore(this.inactive_elt, this.inactive_elt_sibling);
-                        this.inactive_elt_parent = undefined;
-                    }
-                }
-            }
-        }
-
         animate(){
             // redraw toggle button on screen refresh
-            this.set_state(this.state);
+            this.set_activation_state(this.state);
         }
 
         init() {
             this.element.onclick = (evt) => this.on_click(evt);
-            this.active_elt_parent = undefined;
-            this.active_elt_sibling = this.active_elt.nextSibling;
-            this.inactive_elt_parent = undefined;
-            this.inactive_elt_sibling = this.inactive_elt.nextSibling;
-            if(this.inactive_elt_sibling == this.active_elt)
-                this.inactive_elt_sibling = this.inactive_elt_sibling.nextSibling;
-            if(this.active_elt_sibling == this.inactive_elt)
-                this.active_elt_sibling = this.active_elt_sibling.nextSibling;
-            this.set_state(undefined);
+            this.set_activation_state(undefined);
         }
     ||
 }
 
 widget_defs("ToggleButton") {
-    optional_labels("active inactive");
+    activable();
 }