PDA

View Full Version : [CLOSED] Accordion Layout Style Issue



softmachine2011
Jun 25, 2012, 6:54 AM
Hi,

In version 1.x if I have this code:



<ext:Panel runat="server" Layout="AccordionLayout" Border="false" Height="500">
<Items>
<ext:MenuPanel ID="menuPanelAdministracion" runat="server" Layout="FitLayout" Collapsed="false"
Title="Menu Title" Border="false" SaveSelection="false">
<Menu ID="Menu5" runat="server">
<Items>
<ext:MenuItem ID="MenuItem25" runat="server" Text="Option 1" Icon="ApplicationKey" />
<ext:MenuItem ID="MenuItem26" runat="server" Text="Option 2" Icon="CalculatorLink" />
<ext:MenuItem ID="MenuItem23" runat="server" Text="Option 1" Icon="ApplicationKey" />
<ext:MenuItem ID="MenuItem24" runat="server" Text="Option 2" Icon="CalculatorLink" />
</Items>
</Menu>
</ext:MenuPanel>
</Items>
</ext:Panel>


Like in v2 between icon and text of every menuitem there is a line. But in v1.x this line fits to the end of the panel (gray layer). But in v2 this line is only rendered in menu items.

Any fix or workaround?

Daniil
Jun 25, 2012, 1:38 PM
Hi,

Please set up:

<Menu runat="server" Cls="my-menu">

<style type="text/css">
.my-menu .x-menu-icon-separator {
height: 100% !important;
}
</style>

softmachine2011
Jun 25, 2012, 1:46 PM
It would be fixed in 2.0rc2 ?

Or I have to apply always this patch?

Daniil
Jun 25, 2012, 1:55 PM
Hi,

Well, it's fixed in ExtJS 4/ Ext.NET v2. Since the fact that a menu separator exceeds the menu items height has been considered a bug.

softmachine2011
Jun 25, 2012, 2:36 PM
Ok thanks!