<HeaderGridLayout@GridLayout>:
    canvas.before:
        Color:
            rgba: 0, 0, 0, 1
        Line:
            width: 2
            rectangle: self.x, self.y, self.width, self.height


<ArmControllerView>:
    canvas.before:
        Color:
            rgba:41 / 255.0, 128 / 255.0, 185 / 255.0, 1.0
        Rectangle:
            pos: self.pos
            size: self.size
    ActionBar:
        ActionView:
            ActionPrevious:
                title: '[b]Robotic Arm Controller[/b]'
                markup:True
                with_previous: False


    StackLayout:
        border: (10,10,10,10)
        margin: 2
        orientation:'lr-tb'
        padding: dp(15)
        spacing: dp(5)
        HeaderGridLayout:
            size_hint: .25, .5
            cols:1
            rows:2
            ActionBar:
                ActionView:
                    ActionPrevious:
                        title: '[b]Manual control[/b]'
                        markup:True
                        with_previous: False
            GridLayout:
                cols:3
                rows:3
                spacing: dp(10)
                padding: dp(15)
                JoystickX:
                    label:'X'
                JoystickY:
                    label:'Y'
                JoystickY:
                    label:'Z'
                JoystickX:
                    label:'PAN'
                JoystickY:
                    label:'TILT'
                JoystickX:
                    label:'ROLL'
                JoystickY:
                    label:'ZOOM'
                JoystickX:
                    label:'IRIS'
                JoystickY:
                    label:'FOCUS'
        HeaderGridLayout:
            size_hint: .5, .5
            cols:1
            rows:1
            ActionBar:
                ActionView:
                    ActionPrevious:
                        title: '[b]Live View[/b]'
                        markup:True
                        with_previous: False
        HeaderGridLayout:
            size_hint: .25, .5
            cols:1
            rows:1
            ActionBar:
                ActionView:
                    ActionPrevious:
                        title: '[b]3D View[/b]'
                        markup:True
                        with_previous: False

        HeaderGridLayout:
            size_hint: 1.0, .5
            cols:1
            rows:1
            ActionBar:
                ActionView:
                    ActionPrevious:
                        title: '[b]Graph[/b]'
                        markup:True
                        with_previous: False