Download as ZIP, PPTX
More Related Content
Similar to Ext JS Meetup Presentation
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
- 4.
- 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
- 8.
- 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 thecomponent struture • left & right • top & bottom
- 12.
- 13.
- 14. Renderers • Renderers •function to interpret data values
- 15. ‘Injecting Classes’ for Context
- 16. Renderers • Property oncomponents allowing a function to alter output based on the value from the record
- 17. Templates • The baseHTML for the Ext component