Making something movable that is also a button ... kinda?

[Arbil]

I have little box with a background and border and some text in it. It also has a mouseup event that brings up something else when that event fires. That is the only thing that element does. Can I make this thing movable? It doesn't seem to be working and I am assuming it's because it has the mouseup event. Can I make a mouse down event that makes it so when I click it and hold it it lets me drag it??

<TopLevelControl name="Blah" hidden="false" movable="true" mouseEnabled="true" clampedToScreen="true" >
        <Anchor point="TOPLEFT" offsetY="20" offsetX="20"/>
        <Dimensions x="400" y="30" />
        <OnHide>
            --PlayFadeAnimationOnControl(Blah,true,100,1000,nil, function() Blah:SetHidden(true) end)
        </OnHide>
        <OnShow>
            --PlayFadeAnimationOnControl(Blah,false,100,1000, function() Blah:SetHidden(false) end, nil)
        </OnShow>
        <OnInitialized>
        </OnInitialized>
        <Controls>
            <Backdrop name="$(parent)BG" inherits="ZO_ThinBackdrop" mouseEnabled="true" movable="true">
                <Dimensions x="400" y="50"/>
                <Edge file="EsoUI/Art/Miscellaneous/borderedInsetTransparent_edgeFile.dds" edgeFileWidth="128" edgeFileHeight="16" />
                <Controls>
                    <EditBox name="QAT_Edit" hidden="true"/>
                    <Label name="$(parent)LocationLabel" font="ZoFontGame" text="Location" mouseEnabled="true">
                        <Anchor point="CENTER" relativeTo="$(parent)"/>
                        <OnMouseUp>
                            --insert Cell click actions here
                            --show/hide sidebar
                            if button==1 then 
                                Blah_ShowSideBar()
                            elseif button==3 then 
                                
                            elseif button==2 then
                                --if scrolling then
                                    --StopCredits()
                                --else
                                    --scrolling = true
                                    --ShowCredits()
                                --end
                            end
                        </OnMouseUp>
                    </Label>
                </Controls>
            </Backdrop>
            
        </Controls>
    </TopLevelControl>

[coolmodi]

I think your backdrop fills the whole TopLevelControl and blocks mouseinput to it, remove the mouseEnabled="true" from it and it should become movable as long as you don't click on the area the label takes. Clicking on the label will do the other stuff.

You also don't need movable="true" on the backdrop. The TopLevelControl itself is movable so everything in it moves with it.

Edit: If the backdrop is supposed to fill the whole TopLevelControl you could also use <AnchorFill /> instead of dimensions.