Click for larger image 
Old, ugly search box reminiscent of the Teletubbies

I think I should have stuck with the junk-mail-subjects-as-post-titles theme. "oprah used it to lose weight" would have been pure gold...

Anyway, Jayzus only knows why I spend my time on this stuff but for whatever reason, the bubbly looking search box on my blog annoyed me enough that I extended an extender. The RoundedCornersExtender to be specific.

I added four properties to it: TopLeftCornerStyle, BottomLeftCornerStyle, TopRightCornerStyle, and BottomRightCornerStyle. The value of each of these can be one of: Inward (default), Outward, or None.

If you leave these properties off, you'll notice absolutely nothing different in the control which was my intent. But you can now change any of the individual corner styles to either Outward or None. Outward means that the corner will curve outward and None means no curving will occur at all.

To illustrate, here are the settings for the new search box you see above (and in the graphic below):

  • TopLeftCornerStyle: Inward
  • TopRightCornerStyle: None
  • BottomLeftCornerStyle: Outward
  • BottomRightCornerStyle: None

It is left as an exercise to the reader to determine what the settings are for the RSS section above the search box.

Svelte, new search box oozing class

The revised extender is attached. Note that I kept the same name for the control so it can't really co-exist with the existing RoundedCornersExtender. There's no real reason for them to co-exist. This is kind of a superset of the original one. Plus I wasn't really thinking that far ahead when I started.

I'll forego the detailed explanation mostly because by throwing it out there so cavalierly, I can make it sound like I whipped it up in a very short time (which I didn't) rather than spending several hours on it at the expense of my family (which I did). Plus I'm lazy.

I updated the CodingHillbilly theme if you want to see how it's done client-side. I also updated the other Atlas Control scripts because of changes made to the latest release version of Atlas (namely that it seems the AtlasControlExtender.js script has been renamed BaseScripts.js and there is now a Common.js script).

Side note on dasBlog: Does anyone know a way of developing themes in version 1.9 that doesn't require me to have to clear my temporary internet files every time I want to see my changes? No suggestions about the IE setting to get the latest version every time you load the page, please.

And lastly, when the &*$% are the Atlas people going to fix that typo/spelling mistake/abomination in the CollaspablePanelBehavior (sic)? (4.96 KB)

** UPDATE ** Latest version of the toolkit now has this functionality built-in and implemented better than mine. Download mine at your own peril.