ProtoCorner (Rounded Corner) in Seaside ?
Locked
ProtoCorner (Rounded Corner) in Seaside ?
 
|
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 _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
> 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 If you're just after rounded corners, the most elegant pure CSS approach I've seen is still Virtuelvis' one: http://virtuelvis.com/gallery/css/rounded/ Obviously, the nurey stuff seems able to do a lot more than just rounded corners, and if you want the effects to be shown based on some events, then you need JavaScript, not CSS. Just beware that the effects seem to be mainly tested in FF and most don't work in Opera due to JavaScript errors - not sure about Safari. _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Run BASIC to be released this weekend
|
|
Well, it's been a year since the Run BASIC site went live, and a year and a
half since Scott McLaughlin and I were inspired at Smalltalk Solutions 2006 to begin a BASIC language appserver on top of VisualWorks and Seaside. Now we're finally going to ship v1.0 this weekend! Thanks to everyone here for all your help. Seaside is great, and I include the community when I say that. We couldn't have done it without all of you so anyone who would like a free copy of Run BASIC, send me your email and I'll send you a download link when it is released this Saturday. For the curious, here is a link to a podcast interview that was posted last year where James Robertson and Michael Lucas-Smith picked my brain about Liberty BASIC and Run BASIC. http://www.cincomsmalltalk.com/blog/blogView?entry=3348655747 -Carl Gundel http://www.runbasic.com _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: ProtoCorner (Rounded Corner) in Seaside ?
|
|
In reply to this post by Amos-15
Thanks Amos,
The link you sent me doesnt seem to work for IE 6 or IE7. Is there any other tested way for Seaside apps. Regards, Rajeev On Jan 4, 2008 6:15 AM, Amos <[hidden email]> wrote:
-- Rajeev Lochan Co-founder, AR-CAD.com http://www.ar-cad.com +91 9243468076 (Bangalore) 080 65355873 _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
Like I said, it's a pure CSS solution - one shouldn't expect much from
IE when it comes to CSS support ;-) (it needs a browser that supports the CSS pseudoelements :before and :after). I guess it depends on what you're after, really. I don't think there's a single perfect solution, but personally, I'd rather have a standards-compliant solution that works in standards-compliant browsers (and will still work in those browsers 10 years from now as well as in IE when it has finally caught up with the standards) than using a collection of hacks to work around the individual browser quirks that will fall over as soon as browser bugs are fixed. Sadly, of course, client demands (such as "it has to work in IE, that's the main thing") take that liberty away from the web devs all too often. On 1/4/08, Rajeev Lochan <[hidden email]> wrote: > Thanks Amos, > The link you sent me doesnt seem to work for IE 6 or IE7. Is there any other > tested way for Seaside apps. > > Regards, > Rajeev > > > On Jan 4, 2008 6:15 AM, Amos < [hidden email]> wrote: > > > > > > > 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 > > > > If you're just after rounded corners, the most elegant pure CSS > > approach I've seen is still Virtuelvis' one: > > http://virtuelvis.com/gallery/css/rounded/ > > > > Obviously, the nurey stuff seems able to do a lot more than just > > rounded corners, and if you want the effects to be shown based on some > > events, then you need JavaScript, not CSS. Just beware that the > > effects seem to be mainly tested in FF and most don't work in Opera > > due to JavaScript errors - not sure about Safari. > > _______________________________________________ > > seaside mailing list > > [hidden email] > > > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > > > > > -- > Rajeev Lochan > > Co-founder, AR-CAD.com > > http://www.ar-cad.com > +91 9243468076 (Bangalore) > 080 65355873 > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: ProtoCorner (Rounded Corner) in Seaside ?
|
|
Hi Amos,
After a good number of tries, finally I got something working. I followed http://www.redmelon.net/tstme/4corners/ and it does work with 4 images (corners) and CSS. For time being its working great !!! I have read through blogs/forums etc that CSS-3 has an attribute for radius of border. So that would give a big relief. Thanks & Regards, Rajeev On Jan 5, 2008 7:07 AM, Amos <
[hidden email]> wrote: Like I said, it's a pure CSS solution - one shouldn't expect much from -- Rajeev Lochan Co-founder, AR-CAD.com http://www.ar-cad.com +91 9243468076 (Bangalore) 080 65355873 _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
Hi Rajeev,
> Hi Amos, > After a good number of tries, finally I got something working. I followed > > http://www.redmelon.net/tstme/4corners/ > > and it does work with 4 images (corners) and CSS. For time being its working > great !!! That does indeed look like a clean solution - thanks, I hadn't found that one :-) > I have read through blogs/forums etc that CSS-3 has an attribute for radius > of border. So that would give a big relief. > Yes, shouldn't take more than a couple of decades for IE to support CSS 3 ;-) _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
In reply to this post by Rajeev Lochan
"Rajeev Lochan" <[hidden email]> wrote in message > After a good number of tries, finally I got something working. I followed > > http://www.redmelon.net/tstme/4corners/ Lukas, I believe this will allow a font-size-friendly SUTabPanel. _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: Re: ProtoCorner (Rounded Corner) in Seaside ?
|
|
> > After a good number of tries, finally I got something working. I followed
> > > > http://www.redmelon.net/tstme/4corners/ > > Lukas, I believe this will allow a font-size-friendly SUTabPanel. But this about rounding corners? Or am I missing something? Lukas -- Lukas Renggli http://www.lukas-renggli.ch _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
"Lukas Renggli" <[hidden email]> wrote in message
>> Lukas, I believe this will allow a font-size-friendly SUTabPanel. > > But this about rounding corners? Or am I missing something? It adjusted well to font-resizing when I tried it, if I recall correctly. If I use it I'll re-test and submit a patch if it works. Sophie _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
«
Return to Seaside General
|
1 view|%1 views
| Free forum by Nabble | Edit this page |