Navigation page troubleshooting

ades-office-control-panel.yaml

@@ -495,33 +495,54 @@ lvgl:
             y: 45
             width: 220
             height: 220
+            items:
+              pressed:
+                bg_color: 0xFFFF00
             rows:
               - buttons:
                   - id: navAdesOffice
                     text: "Ade's Office"
-                    on_press:
+                    control:
+                      checkable: true
+                    on_value:
                       then:
-                        - lvgl.page.show:
+                        - if:
-                            id: ades_office_page
+                            condition:
-                            animation: FADE_IN
+                              lambda: 'return x == 1;'
-                            time: 300ms
+                            then:
+                              - lvgl.page.show:
+                                  id: ades_office_page
+                                  animation: FADE_IN
+                                  time: 300ms
                   - id: navGroundFloor
                     text: "Ground Floor"
-                    on_press:
+                    control:
+                      checkable: true
+                    on_value:
                       then:
-                        - lvgl.page.show:
+                        - if:
-                            id: ground_floor_page
+                            condition:
-                            animation: FADE_IN
+                              lambda: 'return x == 1;'
-                            time: 300ms
+                            then:
+                              - lvgl.page.show:
+                                  id: ground_floor_page
+                                  animation: FADE_IN
+                                  time: 300ms
               - buttons:
                   - id: nav3dPrinter
                     text: "3D Printer"
-                    on_press:
+                    control:
+                      checkable: true
+                    on_value:
                       then:
-                        - lvgl.page.show:
+                        - if:
-                            id: printer_status
+                            condition:
-                            animation: FADE_IN
+                              lambda: 'return x == 1;'
-                            time: 300ms
+                            then:
+                              - lvgl.page.show:
+                                  id: printer_status
+                                  animation: FADE_IN
+                                  time: 300ms
     - id: ades_office_page
       widgets:
         - obj: