[CLOSED] Controls appear in the next line

[gokcemutlu]

Hi there,

I have started using Coolite recently but I'm having a trouble in designing when I use these controls with asp.net controls or with html tags. The following is a very basic example:

   Username:
   <ext:Label runat="server" ID="lblUsername" /> ( <asp:LinkButton ID="btnLogout" runat="server" &#111;nclick="btnLogout_Click">Logout</asp:LinkButton> )
   
   
   &amp;nbsp;|&amp;nbsp;
   <ext:Button runat="server" ID="btnAdmin" Icon="UserSuitBlack" Text="Admin Panel">
        <Menu>
             <ext:Menu ID="Menu" runat="server">
                 <Items>
                     <ext:MenuItem ID="MenuItem1" runat="server" Text="MI1" Handler="function(){alert('Menu 1');}" />
                     <ext:MenuItem ID="MenuItem2" runat="server" Text="MI2" Handler="function(){alert('Menu 2');}" />
                     <ext:MenuItem ID="MenuItem3" runat="server" Text="MI3" Handler="function(){alert('Menu 3');}" />
                 </Items>
             </ext:Menu>
         </Menu>
   </ext:Button>

What I expect from this code is that controls should appear in the same line but Coolite button appears in the 2nd line. This is not only happening with the button but also with other controls. What am I doing wrong? What is the way to solve this problem.

Look forward to hearing from you soon.

Thanks,
Gokce

[Vladimir]

Hi,

Coolite Button has complex markup and it is block element therefore it appears on new line. You can try to add for Button


StyleSpec="display:inline"