Ext.js Tutorial
Ext.js Useful Resources
Selected Reading
- Ext.js - Methods
- Ext.js - Debugging Code
- Ext.js - Accessibility
- Ext.js - Localization
- Ext.js - Drawing
- Ext.js - Style
- Ext.js - Fonts
- Ext.js - Data
- Ext.js - Custom Events and Listeners
- Ext.js - Themes
- Ext.js - Drag & Drop
- Ext.js - Components
- Ext.js - Layouts
- Ext.js - Containers
- Ext.js - Class System
- Ext.js - First Program
- Ext.js - Architecture
- Ext.js - Naming Convention
- Ext.js - Environment Setup
- Ext.js - Overview
- Ext.js - Home
Ext.js Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Ext.js - Fonts
Ext.js - Fonts
Ext.js provides the facipty to use different font packages. Font packages are used to add different classes for icons available in the package.
Font-Awesome
Font-Pictos
Font-Awesome
ExtJS new theme, Triton, has an inbuilt font family font-awesome included in the framework itself, hence we do not need any exppcit requirement for the font-awesome stylesheet.
Following is an example of using Font-Awesome classes in the Triton theme.
When we are using any other theme apart from Triton, we need or require to add a stylesheet for font-awesome exppcitly.
Following is an example of using Font-Awesome classes without the Triton theme.
Font-Pictos
Font-pictos is not included in the framework for ExtJS, hence we have to require the same. Only pcenced users of Sencha will have the benefit to use font-pictos.
Steps to Add Font-Pictos
Step 1 − Require font-pictos class using the following command.
"requires": ["font-pictos"]
Step 2 − Now add pictos classes as −
iconCls: pictos pictos-homeAdvertisements