[CLOSED] Flat-Button in CompositeField not displayed properly

[pschojer]

I've a composite field with a Toggle-Button with property "flat" on the right side. I expect the button to have a transparent background but instead it is diplayed as a "normal" button with grey background as you can see in the screenshot.

 <ext:CompositeField ID="EditableField" runat="server">
                <Items>
                    <ext:Container runat="server" ID="DisplayCont1" Flex="1" AutoHeight="true">
                        <Items>
                            <ext:DisplayField runat="server" ID="DisplayField1" AutoHeight="true"
                                Layout="FitLayout" Text="lorem ipsum"/>
                        </Items>
                    </ext:Container>
                    <ext:Container runat="server" ID="EditCont1" Hidden="true" Flex="1" Layout="FitLayout">
                        <Items>
                            <ext:DateField runat="server" />
                        </Items>
                    </ext:Container>
                    
                    <ext:Button Icon="Pencil" ID="Button2" EnableToggle="true" Pressed="false" runat="server"
                        Flat="true" Text="">
                        <Listeners>
                            <Toggle Handler="if(pressed) { #{EditCont1}.show();  #{DisplayCont1}.hide();} else{ #{EditCont1}.hide(); #{DisplayCont1}.show(); }" />
                        </Listeners>
                    </ext:Button>
                </Items>
            </ext:CompositeField>

Thanks for your help,
Martin

[Daniil]

Hi,

Here is the solution.
http://forums.ext.net/showthread.php...ll=1#post55203