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

Requirements

  1. Resources
  2. Alternate solution

Yii 1.1.7 or above...

Usage

  1. Resources
  2. Alternate solution
  • 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

    1. Resources
    2. Alternate solution
Version 1.0
  • initial release
Version 1.1
  • added support for using markup metadada

Resources

Alternate solution

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

Downloads

show all

Related Extensions