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


  1. Resources
  2. Alternate solution

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

4 1
1 115 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Developed by: volkmar
Created on: Aug 20, 2011
Last updated: 10 years ago


show all

Related Extensions