そのため、ツールバー内にボタンを含む非常に単純なマークアップを取得しました。
問題は、ボタンが DOM に「正しく」書き込まれているにもかかわらず、表示されないことです。
詳細については、このスクリーンショットを参照してください。
固定の高さ/幅/位置を設定してもボタンが前面に表示されず、含まれているマークアップ要素がすべてwidth=0px;
またはheight=0px;
ここにサンプルがあります:
<body>
<ext:ResourceManager ID="RM" runat="server" />
<ext:Viewport Layout="BorderLayout" runat="server" ID="InnerView" OverflowY="Scroll">
<Content>
<ext:Button ID="adminswap" runat="server" Text="Admin-Ansicht umschalten" Hidden="false"
AllowDepress="true" MinHeight="16" ToFrontOnShow="true" Visible="true" Icon="ArrowSwitchBluegreen">
<%-- This Guy doesn't show up--%>
</ext:Button>
<ext:Panel runat="server" ID="order" Border="false" OverflowY="Scroll">
<LayoutConfig>
<ext:TableLayoutConfig Columns="3" />
</LayoutConfig>
<Items>
<ext:Panel runat="server" Layout="ColumnLayout" RowSpan="2" Border="false">
<Content>
<p> And here is some Grid-panel, which is of no further interest</p>
</Content>
</ext:Panel>
<ext:Panel ColSpan="2" runat="server" ID="Panel_Instructions" Title="Türöffnung per Telefon"
Width="740" Padding="10" Border="true" AutoHeight="true">
<Content>
<br />
<p>
Some Multiline text containing instructions<br>
this also is of no further interest and just for the sake of the sample<br><br> lorem Ipsum dolor sit amet and stuff...
</p>
</Content>
</ext:Panel>
<ext:Panel runat="server" Width="350" AutoHeight="false" Height="200"
StripeRows="true" TrackMouseOver="true" Border="true">
<Content>
<p>Some Content Grid-Panel</p>
</Content>
</ext:Panel>
<ext:Panel runat="server" ID="Standort_Details" Title="Adresse" Width="370" Padding="10"
AutoHeight="false" Height="200" Border="true">
<Items>
<ext:DisplayField ID="Details_field1" runat="server" FieldLabel="street"
Name="" />
<ext:DisplayField ID="Details_field2" runat="server" FieldLabel="postal code" Name="" />
<ext:DisplayField ID="Details_field3" runat="server" FieldLabel="city" Name="" />
<ext:DisplayField ID="Details_field4" runat="server" FieldLabel="phone" Name="" />
</Items>
</ext:Panel>
<ext:Panel ID="Panel_5" Border="true" Height="460" StyleSpec="vertical-align:top;" ColSpan="3" runat="server">
<Content>
<p> some content control grid-panel</p>
</Content>
</ext:Panel>
</Items>
</ext:Panel>
</Content>
</ext:Viewport>
</body>