Ext JS Meetup Presentation
0 likes786 views
The document outlines details from an Ext JS meetup held on February 23, 2010, including logistics, file structure guidelines, and CSS naming conventions. It emphasizes maintaining simplicity and consistency while providing insights on themes, component rendering, and styling practices. Key topics discuss the hierarchy of styles, class usage, and the implementation of renderers for data interpretation.
1 of 17
Downloaded 19 times
Ext JS Meetup Presentation
- 1. Ext JS Meetup 2/23/2010
- 2. Thanks! • General Dynamics - Location • Will McGinnis - Logistics • Ext JS - Pizza!
- 3. File Structure • KISS - Keep it Simple... • Follow the same convention as the core Ext CSS
- 5. Warning •DO NOT EDIT • EXT-ALL.CSS • EXT IMAGES
- 6. Style Heirarchy • theme • component properties • cls • ctCls • defaults • bodyStyle : ‘padding : 15px’ • component renderer function • component template override
- 7. CSS Naming Conventions • x-<component_name>-<position> • Panel styles for left, middle, right • x-panel-ml • x-panel-mc • x-panel-mr
- 9. Themes • any/all components • lowest level: CSS & images • mid-level: • settings: icons in components • renderers • finest-level: templates
- 10. Inline-styling • cls • adds CSS class to component • ctCls • adds CSS class to component container • disabledClass
- 11. Sprites • follow the component struture • left & right • top & bottom
- 12. Sprites
- 13. icons
- 14. Renderers • Renderers • function to interpret data values
- 15. ‘Injecting Classes’ for Context
- 16. Renderers • Property on components allowing a function to alter output based on the value from the record
- 17. Templates • The base HTML for the Ext component