[CLOSED] How to change default font family

Printable View

Feb 24, 2014, 12:49 AM
trePjt

[CLOSED] How to change default font family

I have create a .css file and load this file in every form in my web site.

Code:

.label-view .x-panel-body .x-form-display-field .x-form-field .x-body { background: white; font: 12px "Helvetica Neue",Arial, Helvetica, sans-serif; } body, div, form, img, ul, ol, li, dl, dt, dd, table, td, tr, th { font: normal 12px "Helvetica Neue",tahoma,arial,helvetica,sans-serif; }

However, it seems that the labelfield of most control, like textfield, combobox, datefield etc. have not change.

How can I get it works for all control?
Feb 24, 2014, 4:27 AM
geoffrey.mcgill

Hello,

Maybe try adding !important at the end of each css line that is not overwriting properly.
Feb 24, 2014, 9:00 AM
trePjt

I have tried this, but not work.

Code:

.label-view .x-panel-body .x-form-display-field .x-form-field .x-body { background: white !important; font: 12px "Helvetica Neue",Arial, Helvetica, sans-serif !important; } body, div, form, img, ul, ol, li, dl, dt, dd, table, td, tr, th { font: normal 12px "Helvetica Neue",tahoma,arial,helvetica,sans-serif !important; }
Feb 24, 2014, 10:42 AM
Daniil

You might need to override more specific options like "font-size" and "font-family".

You can use this technique
CSS Change TabPanel Header Color - Ext.NET on Vimeo
to investigate why your rules are not applied.
Feb 25, 2014, 3:25 AM
trePjt

I have try to set the .cls property when from load and it works.

However, when I do same thing on button

This is my .css file

Code:

.testInner .x-btn-default-small .x-btn-inner { font-size: 20px; color: #0066cc; }

Set CtCls in FormLoad

Code:

MyButton.CtCls = "testInner";

It works for normal button, but not works for button in the toolbar.

Code:

<ext:Panel ID="pnlMain" runat="server"> <TopBar> <ext:Toolbar ID="Toolbar1" runat="server"><%-- StyleSpec="position: fixed; top: 0; left: 0; width: 100%;" Floating="true"--%> <Items> <ext:Button ID="cmdNew" runat="server" Text="Load" Icon="New" CtCls="testInner"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="cmdDelete" runat="server" Text="Load" Icon="Delete"> </ext:Button> <ext:ToolbarSeparator /> </Items> </ext:Toolbar> </TopBar> ...

How can I fix this?
Feb 25, 2014, 3:41 AM
Daniil

What about to use a Button's Cls?

Example

Code:

<%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <!DOCTYPE html> <html> <head runat="server"> <title>Ext.NET v2 Example</title> <style> .my-button .x-btn-inner { font-size: 20px; color: #0066cc; } </style> </head> <body> <form runat="server"> <ext:ResourceManager runat="server" /> <ext:Panel runat="server"> <TopBar> <ext:Toolbar runat="server"> <Items> <ext:Button runat="server" Text="Load" Cls="my-button" /> </Items> </ext:Toolbar> </TopBar> </ext:Panel> <ext:Panel runat="server"> <Items> <ext:Button runat="server" Text="Load" Cls="my-button" /> </Items> </ext:Panel> </form> </body> </html>
Feb 25, 2014, 4:41 AM
trePjt

It's work! Thank you!