[Seaside] ProtoCorner (Rounded Corner) in Seaside ?
Rajeev Lochan
lochan94 at gmail.com
Fri Jan 4 00:05:25 UTC 2008
Hi,
I came across ProtoCorner, a Prototype/Scriptaculous extension to have
Rounded Corners from
http://scripteka.com/script/protocorners
The source code is on http://nurey.com/corners.html
This is what I have done to port this feature.
1) Replace ' with ' ' (single quotes to 2 single quotes)
2) Pasted the code in SULibrary>>effectsJs
3) Added methods
SUEffect>>corner
"Round Corner"
self create; method: 'Corner'
SUEffect>>cornerEffect: anEffect
"Effect can be round or bevel"
self optionAt: 'effect' put: anEffect
SUEffect>>corners: numberOfCorners
" The corners can be one or more of top, bottom, tr, tl, br, or bl. By
default, all four corners are adorned."
self optionAt: 'corners' put: numberOfCorners
SUEffect>>width: anInteger
"The width specifies the width of the effect; in the case of rounded
corners this will be the radius of the width. Specify this value using the
px suffix such as 10px, and yes it must be pixels"
self optionAt: 'width' put: anInteger
So far so good, now I am not able to use it in #renderContentOn: . Till now,
I have used effect only for any mouse events. Any pointers would be
appreciated.
MyRootComponent>>renderContentOn: html
html div id: 'box'; style: 'border:1px #000 solid' with: [html paragraph:
'This box has Round Corners']
Now, where do we put effect corner such that
new Effect.Corner(element, "effect corners width")
is triggered.
Thanks & Regards,
Rajeev
--
Rajeev Lochan
Co-founder, AR-CAD.com
http://www.ar-cad.com
+91 9243468076 (Bangalore)
080 65355873
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.squeakfoundation.org/pipermail/seaside/attachments/20080104/443e3e58/attachment.htm
More information about the seaside
mailing list