jcorner | Extension | Yii Framework

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

Requirements

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

.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 ¶

Alternate solution ¶

CSS3 PIE

jcorner Follow @yiiframework

Version 1.0 ¶

Version 1.1 ¶

Resources ¶

Alternate solution ¶

Be the first person to leave a comment

Yii Supporters