Skip to content

Y
Yii Bootstrap 3
Commit a6f793c5 by Eric Nishio
Options

Updated the test page.

parent 4a8de4d8
Showing with 49 additions and 52 deletions
demo/less/styles.less
...@@ -15,6 +15,10 @@ h1, h2, h3 { ...@@ -15,6 +15,10 @@ h1, h2, h3 {
margin-bottom: 0.6em; margin-bottom: 0.6em;
} }
.popover h3.popover-title {
margin-bottom: 0;
}
span.required { span.required {
color: #F00; color: #F00;
} }
\ No newline at end of file
demo/protected/views/layouts/main.php
...@@ -4,18 +4,18 @@ ...@@ -4,18 +4,18 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" /> <meta name="language" content="en" />
<title><?php echo CHtml::encode($this->pageTitle); ?></title> <title><?php echo CHtml::encode($this->pageTitle); ?></title>
<?php Yii::app()->bootstrap->registerCoreCss(); ?>
<link rel="stylesheet/less" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/less/styles.less"> <link rel="stylesheet/less" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/less/styles.less">
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/less-1.2.1.min.js"></script> <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/less-1.2.1.min.js"></script>
<?php Yii::app()->bootstrap->registerCss(); ?>
<?php Yii::app()->bootstrap->registerCoreScript(); ?>
</head> </head>
<body> <body>
<?php $this->widget('bootstrap.widgets.BootNav',array( <?php $this->widget('bootstrap.widgets.BootNavbar',array(
'brand'=>CHtml::encode(Yii::app()->name), 'brand'=>CHtml::encode(Yii::app()->name),
'groups'=>array( 'items'=>array(
array( array(
'encodeLabel'=>false,
'htmlOptions'=>array('class'=>'pull-right'), 'htmlOptions'=>array('class'=>'pull-right'),
'items'=>array( 'items'=>array(
array('label'=>'Home', 'url'=>array('/site/index')), array('label'=>'Home', 'url'=>array('/site/index')),
......
demo/protected/views/site/index.php
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
<li><a href="#bootTwipsy">BootTwipsy</a></li> <li><a href="#bootTwipsy">BootTwipsy</a></li>
<li><a href="#bootPopover">BootPopover</a></li> <li><a href="#bootPopover">BootPopover</a></li>
<li><a href="#bootModal">BootModal</a></li> <li><a href="#bootModal">BootModal</a></li>
<li><a href="#bootTabbed">BootTabbed</a></li>
</ul> </ul>
<hr /> <hr />
...@@ -26,12 +27,14 @@ ...@@ -26,12 +27,14 @@
'---', '---',
array('label'=>'Another link', 'url'=>'#'), array('label'=>'Another link', 'url'=>'#'),
)), )),
/*
array('label'=>'Dropdown', 'items'=>array( array('label'=>'Dropdown', 'items'=>array(
array('label'=>'Secondary link', 'url'=>'#'), array('label'=>'Secondary link', 'url'=>'#'),
array('label'=>'Something else here', 'url'=>'#'), array('label'=>'Something else here', 'url'=>'#'),
'---', '---',
array('label'=>'Another link', 'url'=>'#'), array('label'=>'Another link', 'url'=>'#'),
)), )),
*/
array('label'=>'Contact', 'url'=>array('site/contact')), array('label'=>'Contact', 'url'=>array('site/contact')),
), ),
)); ?> )); ?>
...@@ -50,16 +53,18 @@ ...@@ -50,16 +53,18 @@
<?php Yii::app()->user->setFlash('info','Attention!'); ?> <?php Yii::app()->user->setFlash('info','Attention!'); ?>
<?php Yii::app()->user->setFlash('error','This is an error.'); ?> <?php Yii::app()->user->setFlash('error','This is an error.'); ?>
<?php $this->widget('bootstrap.widgets.BootAlert',array( <?php $this->widget('BootAlert',array(
'options'=>array('displayTime'=>0), 'options'=>array('displayTime'=>0),
)); ?> )); ?>
</div> </div>
<hr /> <hr />
<div id="bootCrumb"> <div id="bootCrumb">
<h3>BootCrumb</h3> <h3>BootCrumb</h3>
<?php $this->widget('BootCrumb',array( <?php $this->widget('BootCrumb',array(
'links'=>$this->breadcrumbs, 'links'=>$this->breadcrumbs,
'separator'=>'/', 'separator'=>'/',
...@@ -70,21 +75,24 @@ ...@@ -70,21 +75,24 @@
'Current Page', 'Current Page',
), ),
)); ?> )); ?>
</div> </div>
<hr /> <hr />
<div id="bootActiveForm"> <div id="bootActiveForm">
<h3>BootActiveForm</h3> <h3>BootActiveForm</h3>
<p>[Include form fields]</p> <p>[Include form fields]</p>
<?php $form=$this->beginWidget('BootActiveForm', array( <?php $form=$this->beginWidget('BootActiveForm', array(
'id'=>'login-form', 'id'=>'login-form',
'enableClientValidation'=>false, 'enableClientValidation'=>false,
'clientOptions'=>array( 'clientOptions'=>array(
'validateOnSubmit'=>false, 'validateOnSubmit'=>false,
), ),
)); )); ?>
?>
<?php /** @var BootActiveForm $form */?> <?php /** @var BootActiveForm $form */?>
<?php //echo $form->textFieldRow($model, 'username'); ?> <?php //echo $form->textFieldRow($model, 'username'); ?>
...@@ -92,13 +100,14 @@ ...@@ -92,13 +100,14 @@
<?php //echo $form->checkBoxRow('rememberMe'); ?> <?php //echo $form->checkBoxRow('rememberMe'); ?>
<div class="actions"> <div class="actions">
<?php echo CHtml::submitButton('Login', array('class'=>'btn-primary')); ?> <?php echo CHtml::htmlButton('Submit', array('class'=>'btn btn-primary','type'=>'submit')); ?>
<?php echo CHtml::submitButton('Login', array('class'=>'btn-success')); ?> <?php echo CHtml::htmlButton('Reset', array('class'=>'btn','type'=>'reset')); ?>
<i class="icon-search icon-white"><?php echo CHtml::button('Login', array('class'=>'btn btn-primary')); ?></i> <?php echo CHtml::htmlButton('<i class="icon-search"></i> Search', array('class'=>'btn')); ?></i>
<p>Button icon classes do not work.</p> <p>Button icon classes do not work.</p>
</div> </div>
<?php $this->endWidget(); ?> <?php $this->endWidget(); ?>
</div> </div>
<hr /> <hr />
...@@ -113,29 +122,28 @@ ...@@ -113,29 +122,28 @@
<hr /> <hr />
<div id="bootPopover"> <div id="bootPopover">
<h3>BootPopover</h3> <h3>BootPopover</h3>
<?php echo CHtml::link('Hover me', '#',
array('class'=>'btn btn-primary btn-danger','data-title'=>'Heading','data-content'=>'Content ...','rel'=>'popover')); ?>
<?php $this->widget('BootPopover',array( <?php $this->widget('BootPopover',array(
'selector'=>'.pop', 'options'=>array(),
'options'=>array( )); ?>
'placement'=>'above',
'showEvent'=>'mouseenter',
'hideEvent'=>'mouseleave',
'offset'=>0, // tooltip offset in pixels
'live'=>false, // use .live instead of .bind?
),
)); ?>
<?php echo CHtml::link('Click Here', array('#'), array('title'=>'Tooltip text.', 'class'=>'btn btn-primary pop')); ?>
<p>Popover tooltips do not appear correctly.</p>
</div> </div>
<hr /> <hr />
<div id="bootModal"> <div id="bootModal">
<h3>BootModal</h3> <h3>BootModal</h3>
<?php $this->beginWidget('BootModal',array( <?php $this->beginWidget('BootModal',array(
'id'=>'modal', 'id'=>'modal',
'options'=>array( 'options'=>array(
'title'=>'Sample title', 'title'=>'Modal heading',
'backdropClose'=>false, // close the modal when the backdrop is clicked? 'backdropClose'=>false, // close the modal when the backdrop is clicked?
'escapeClose'=>false, // close the modal when escape is pressed? 'escapeClose'=>false, // close the modal when escape is pressed?
'open'=>false, // should we open the modal on initialization? 'open'=>false, // should we open the modal on initialization?
...@@ -144,9 +152,9 @@ ...@@ -144,9 +152,9 @@
'buttons'=>array( 'buttons'=>array(
array( array(
'label'=>'Ok', 'label'=>'Ok',
'class'=>'btn primary', 'class'=>'btn btn-primary',
'click'=>"js:function() { 'click'=>"js:function() {
.....
}", }",
), ),
array( array(
...@@ -160,28 +168,11 @@ ...@@ -160,28 +168,11 @@
), ),
), ),
)); ?> )); ?>
<?php $this->endWidget(); ?>
<div id="modal" class="modal hide fade" style="display: none;"> Content ...
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a> <?php $this->endWidget(); ?>
<h3>Modal Heading</h3>
</div>
<div class="modal-body">
<h4>Text in a modal</h4>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
<h4>Popover in a modal</h4>
<p>
<h4>Tooltips in a modal</h4>
<p>
</div>
<div class="modal-footer">
<a class="btn btn-primary" href="#">Save changes</a>
<a class="btn" data-dismiss="modal" href="#">Close</a>
</div>
</div>
<a href="#" onclick="$('#modal').bootModal('open'); return false;">Open</a> <a href="#" onclick="$('#modal').bootModal('open'); return false;">Open</a>
<a class="btn" data-toggle="modal" href="#modal">Launch Modal</a>
<p>Cannot get this to work.</p>
</div> </div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment