[CLOSED] Style css panel

[romeu]

Hello, I would like to create a style for my forms.

I have this panel, it is possible to stylize it, putting background, border and input?

I am doing as follows:

.PanelStyle{
    border: solid 1px blue;
    background: red;
    z-index: 99999999;
}

<ext:FormPanel ID="FormPanel1" runat="server" Header="false" Border="false" StoreID="dsUsuario"
    ClicksToEdit="1" TrackMouseOver="true" AutoExpandColumn="Data" Height="60" Layout="ColumnLayout" Cls="PanelStyle">
    <Content>
            <ext:Panel ID="Panel4" runat="server" Border="false" Layout="RowLayout" Width="485" Cls="panelllll">
                <Items>
                    <ext:PagingToolbar ID="ptPaginador" runat="server" StoreID="dsUsuario" PageSize="1"
                        Width="250" DisplayInfo="False">
                        <Listeners>
                            <Change Handler="LoadTreePanel();" />
                        </Listeners>
                    </ext:PagingToolbar>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel5" runat="server" Border="false" Layout="Absolute" ButtonAlign="Right"
                Width="220">
                <Items>
                    <ext:Button ID="btnOk" runat="server" AutoWidth="false" Width="85px" Text="Ok" Icon="Disk"
                        OnClientClick="Salvar();" StyleSpec="padding-top:2px; padding-right:5px;" X="52"
                        Y="0" />
                    <ext:Button ID="btnCancelar" runat="server" AutoWidth="false" Width="80px" Text="Cancelar"
                        Icon="BulletCross" OnClientClick="Cancelar();" StyleSpec="padding-top:2px;" X="132"
                        Y="0" />
                </Items>
            </ext:Panel>
    </Content>
</ext:FormPanel>

[Baidaly]

Hello!

Please, take a look at this example: https://examples1.ext.net/#/Panel/Mi.../Bubble_Panel/

[romeu]

[Daniil]

997 code lines sample? Well, it is too big.

I think 90% of things can be removed. Also it is unclear what exactly you are demonstrating by this example.

I am wanting to create a style for it, but I can not do.

Please clarify what exactly is the problem?

Another thing, is there a topic where I can see how to create a style for the ext.net?

This video demonstrates a main idea.
CSS Change TabPanel Header Color - Ext.NET on Vimeo

[romeu]

[Baidaly]

Did and did not work, I'll send the file over to you visualize the problem better.

I am wanting to create a style for it, but I can not do.

Sorry, but what CSS rules you want to override? And where do you have a problem?

Panel in ExtJS and Ext.NET don't have nothing special, it's usual CSS. To override styles and to understand what CSS rules you have to override you can use FireBug or Chrome Developers tools.



Also, look at following thread and video:

http://forums.ext.net/showthread.php...round-and-Font

http://vimeo.com/10076549