This widget encapsulates the corner plugin for jQuery for creating rounded (or other styled) corners on Html-elements in all browser (also IE 6,7,8 !!).

Requirements ¶

1. Resources
2. Alternate solution

Yii 1.1.7 or above...

Usage ¶

• install and explore the code of the demo application
• or put in a view code blocks like the following...

<?php $this->beginWidget('ext.jcorner.JCorner', array(
    'id'=>'b3',
    'argument'=>'15px bevel',
    'htmlOptions'=>array('class'=>'box')
)); ?>
demo box - 15px bevel corner
<?php $this->endWidget(); ?>

<?php $this->beginWidget('ext.jcorner.JCorner', array(
    'htmlOptions'=>array('class'=>'mbox','data-corner'=>'left 20px')
)); ?>
Using Markup Metadata Instead of Options
<?php $this->endWidget(); ?>

• you need following css to see somewhat...

  [css]
  .box, .mbox  { background-color: #6af; padding: 15px; text-align: center; margin: 25px }
  

  Change log ¶

Version 1.0 ¶

• initial release

Version 1.1 ¶

• added support for using markup metadada

Resources ¶

• Project page for the jQuery plugin
• Skin design tip: Rounded Corners in All browsers with jquery

Alternate solution ¶

• CSS3 PIE