Ext JS Meetup Presentation
Upcoming SlideShare
Loading in...5
×
 

Ext JS Meetup Presentation

on

  • 2,211 views

2/23/2010 presentation on theming Ext JS delivered at the NoVa Ext JS Meetup hosted at General Dynamics.

2/23/2010 presentation on theming Ext JS delivered at the NoVa Ext JS Meetup hosted at General Dynamics.

Statistics

Views

Total Views
2,211
Views on SlideShare
2,194
Embed Views
17

Actions

Likes
0
Downloads
16
Comments
0

2 Embeds 17

http://www.slideshare.net 16
http://www.linkedin.com 1

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Ext JS Meetup Presentation Ext JS Meetup Presentation Presentation Transcript

  • Ext JS Meetup 2/23/2010
  • Thanks! • General Dynamics - Location • Will McGinnis - Logistics • Ext JS - Pizza!
  • File Structure • KISS - Keep it Simple... • Follow the same convention as the core Ext CSS
  • Including Files
  • Warning •DO NOT EDIT • EXT-ALL.CSS • EXT IMAGES
  • Style Heirarchy • theme • component properties • cls • ctCls • defaults • bodyStyle : ‘padding : 15px’ • component renderer function • component template override
  • CSS Naming Conventions • x-<component_name>-<position> • Panel styles for left, middle, right • x-panel-ml • x-panel-mc • x-panel-mr
  • Learning Curve:Firebug
  • Themes • any/all components • lowest level: CSS & images • mid-level: • settings: icons in components • renderers • finest-level: templates
  • Inline-styling • cls • adds CSS class to component • ctCls • adds CSS class to component container • disabledClass
  • Sprites • follow the component struture • left & right • top & bottom
  • Sprites
  • icons
  • Renderers • Renderers • function to interpret data values
  • ‘Injecting Classes’ for Context
  • Renderers • Property on components allowing a function to alter output based on the value from the record
  • Templates • The base HTML for the Ext component