Yii 1.1: jcorner

creating rounded corners on HTML elements

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 !!).


Yii 1.1.7 or above...


  • 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(
    'argument'=>'15px bevel',
)); ?>
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...
.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


Alternate solution

Be the first person to leave a comment

Please to leave your comment.

Create extension