24 Sep 2010 5:21 AM #1
simple ExtJS-style Shadow for an <img> ?
I have a div in my page (outside any Ext.container, so far I render ExtJS components only in certain other divs...)
<div id="myImgLane"> <img src="img/foo/bar/012511.jpg" width="328" height="140" alt=""> <div class="centeredCaptions">a nice picture</div> </div>
- I would like that Image to have shadows just like ExtJS Dialog boxes have... may be a bit more exaggerated/wider.
- I don't mind inserting a panel/cimponent/box here, as long as it has no visual impact other than casting a shadow... if that's not an option, should/can I re/abuse ext-ish CSS-styles ?
- Width and height of the image is known, but wildy differs all the time. (all figured out at rendertime, php-side)
- A not on the side. My background is not unicolor. In fact, the outermost div has it's own jpg as background.. it's an outermost div, not an underlying div, z-buffer-wise speaking. Is that a problem? Not sure if alpha-png-backgrounds of higher div layers behave (read: fade) properly against outer divs, or only against literally underlying divs...
27 Sep 2010 7:08 AM #2
This should be quite simple, and a quick look at the API docs would have revealed the solution (my suspicions as to why you haven't received a response).
You create an instance of Ext.Shadow, optionally specifying the mode for the shadow (sides, frame or drop) and an offset in pixels.
The Ext.Shadow instance is then attached to an element by calling the show() method and passing the element or element ID as the first and only parameter.
The only caveat is the image element should be positioned absolutely.Steve Wilford
iOS development and personal site - http://stevewilford.co.uk/
CSS Library for iPhone and iPod touch - http://stevewilford.co.uk/ios-software/css-library/
27 Sep 2010 11:59 PM #3
I didn't think this might exist as a dedicated class... So I didn't search the API.
Thanx for letting me know.
The only caveat is the image element should be positioned absolutely.
By After2050 in forum Ext 3.x: Help & DiscussionReplies: 0Last Post: 27 Aug 2010, 4:04 AM
By franklt69 in forum Ext 3.x: Help & DiscussionReplies: 2Last Post: 1 Feb 2010, 9:05 AM
By altamirador in forum Ext 2.x: Help & DiscussionReplies: 7Last Post: 10 Sep 2009, 6:16 AM
By dlbjr in forum Ext 2.x: Help & DiscussionReplies: 0Last Post: 24 Jul 2009, 7:51 AM