Unobtrusive Rounded Corners Box

Component Demo

The most common way to round the corners of an element is on pageload. You may use the pageload() method to add elements for rounding on page load.

All Corners Rounded

Top Left Corner Not Rounded

Top Right Corner Not Rounded

Bottom Right Corner Not Rounded

Bottom Left Corner Not Rounded

No Rounded Corners

Three Different Sizes of Rounded Corners

The size property of the methods of Rounded Corners Panel.JS allows to set three different size for the rounded corners of the panel that is manipulated - small, medium and large:

small

medium

large

Exclude Corners from Rounding

The roundedcorners property of the script are four Boolean properties. If set to "false", the selected corner will be excluded from rounding.

Specifying a Dither Color for the Rounded Corners

The dithercolor property allows the setting of a dithering color to the corners of the rendered panel so they looks smooth at the background color of their parent or the body of the page

Initialize on Page Load

The most common way to round the corners of an element is on pageload. You may use the pageload() to add elements for rounding on page load.

Initialize on Demand

The demand() method of Rounded Corners Panel.JS allows to round an element upon user action, for example on click:

click here to round the element below

Requirements

• Standards-compliant (XHTML1.0, XHTML1.1, HTML5) or Skinny DTD public page

Troubleshooting

Older versions of Opera do not implement named color values of the method in JavaScript, so in order to make it work correctly, use hex color values for the background of the elements you style with rounded corners.

Supported Browsers

• Internet Explorer 6
• Internet Explorer 7
• Internet Explorer 8
• Internet Explorer 9 Ready
• Mozilla FireFox
• Opera
• Google Chrome
• Apple afari

Check what is trending now on Acid.JS

• voting poll
• ribbon bar
• loading panel
• contact form
• tabstrip
• custom dialogs
• ajax guestbook
• feedback form
• survey form
• ajax forms
• modal box
• form elements
• form styling
• rounded
• custom radio button
• custom checkbox
• gallery
• image gallery
• web gallery
• ajax guest book
• flat file guest book
• hotel booking
• ribbon
• rounded corners
• cms
• overlay
• ajax gallery
• voting poll php
• voting poll script
• voting poll flat file
• voting poll without sql
• ajax voting poll
• live polling system
• voting poll system
• rss
• rss feed
• rss feed editor