[CLOSED] How to show a label in front of a button?

[flormariafr]

I have the following code to show the menu with ImageButtons and a text for the option name which a label.

Currently the label appear at the bottom of each button.

Could you tell me please if is it posible to show the text in from of the button instead of the bottom?

<ext:ImageButton ID="ImageButtonMenusOffice" runat="server"


ImageUrl="~/App_Themes/ChampWeb/Images/btnMenusOffice.png">


</ext:ImageButton><br />


<ext:Label ID="MenusOffice" runat="server" Text="Dr. Office"/><br /><br />

[Vladimir]

Hi,

The information is not enought. It is required to see full code. But try to swith positions (first label then image)

[flormariafr]

What I meant it is that I want the label text to appear at the front of the image.

If I swith positions (first label then image) then text will appear above of the image.

[Vladimir]

Hi,

Please note that label will overlay image button amd some part of the button's area will be inaccessible for clicking

You need to set own required offset (top and left) for the label

            <ext:ImageButton ID="ImageButtonMenusOffice" runat="server" ImageUrl="8-1.gif">
            </ext:ImageButton>

            <ext:Label ID="MenusOffice" runat="server" Text="Dr. Office" StyleSpec="position:relative; display:block; top:-30px; left: 10px;">
                <Listeners>
                    
                </Listeners>
            </ext:Label>