[EXTENSION] Bootstrap

(44 Pages)
« First
←
12
13
14
15
16
→
Last »

You cannot start a new topic
You cannot reply to this topic

[EXTENSION] Bootstrap Bringing together Yii and Twitter Bootstrap Rate Topic: 22 Votes

#261 Chris83

Advanced Member

Group: Members
Posts: 422
Joined: 27-February 10
Location:Helsinki, Finland

Posted 15 March 2012 - 03:03 PM

Hey All,

I've started a Google group for the extension, the idea with the group is to discuss the future of the extension. We are getting closer to version 1.0.0 and at this point I'd like to discuss how we can make the extension even better.

The group can be found here, feel free to join in:
https://groups.googl...p/yii-bootstrap

#262 makro

Junior Member

Group: Members
Posts: 64
Joined: 05-November 09

Posted 16 March 2012 - 02:31 AM

nightmove, on 15 March 2012 - 11:42 AM, said:

I am trying to create a normal AjaxButton, but it is calling the wrong URL

<?php $this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxLink',
            	'label'=>'Edit profile',
            	'type'=>'', // '', 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'
            	'size'=>'small', // '', 'small' or 'large'
            	'htmlOptions'=>array(
                	'class' => 'pull-right',
                	'href' => $this->createUrl('/user/edit',
                                          	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	)   
            	),
        	)); ?>

Is there anything wrong with the code and where can I specify the target div where the new content should be loaded in?

There's a little bug in BootButton.php (I've opened an issue)

change line #211 in BootButton.php from

return CHtml::ajaxSubmitButton($this->label, $this->ajaxOptions, $this->htmlOptions);

return CHtml::ajaxSubmitButton($this->label, $this->url, $this->ajaxOptions, $this->htmlOptions);

#263 Chris83

Advanced Member

Group: Members
Posts: 422
Joined: 27-February 10
Location:Helsinki, Finland

Posted 16 March 2012 - 02:49 AM

@nightmove: You shouldn't specify URL in htmlOptions, instead set the url using the 'url'-parameter outside of htmlOptions. This way you can specify your usrl as "array('user/edit')" because it is normalized. Also the bug that marko mentioned above shouldn't be the cause of your issue because you're using "ajaxLink" and not "ajaxSubmit".

@marko: That bug should already have been fixed in the current development branch (1.0.0-wip).

#264 Sampa

Standard Member

Group: Members
Posts: 173
Joined: 18-December 11
Location:Stockholm,Sweden

Posted 16 March 2012 - 08:13 AM

I still have the same problem with the buttonn/dropdown thingy. As I said before the they are in a buttongroup(code copied from the demo) but they get diffrent height. Rawtaz and one of my friends also took a look and for some reason they have diffrent sizes set, but we have no clue why. I've tried to remove all css files to see if something collided with bootstrap but the problem remains even with all other css files removed:s

#265 nightmove

Junior Member

Group: Members
Posts: 48
Joined: 11-March 12
Location:Germany

Posted 17 March 2012 - 06:27 AM

Chris83, on 16 March 2012 - 02:49 AM, said:

Ok, thanks!
The link now load the partial, but it does not update the container I specified. Everything right with the "update" parameter?

$this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxLink',
            	'url' => $this->createUrl('/user/edit',
                                          	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Edit profile',
            	'type'=>'', // '', 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'
            	'size'=>'small', // '', 'small' or 'large'
            	'htmlOptions'=>array(
                	'class' => 'pull-right',
                	'update' => '#yw5_tab_2',
            	),
        	));

#266 mb_info

Newbie

Group: Members
Posts: 2
Joined: 02-August 11

Posted 17 March 2012 - 11:05 AM

Hi Chris83, thanks for such a great extension!

Please, explain me this issue: in BootGridView, after sorting or filtering (afterAjaxUpdate in general) all bootstrap javascripts stop working ('tooltip' for example).

Is there any solution or I just made a mistake in some place?

#267 Chris83

Advanced Member

Group: Members
Posts: 422
Joined: 27-February 10
Location:Helsinki, Finland

Posted 17 March 2012 - 05:27 PM

@mbial: That's because bootstrap isn't bound to the elements rendered through the ajax call, you need to rebind the plugins in order for them to work. See the BootThumbnails example on the demo page for an example.

#268 mb_info

Newbie

Group: Members
Posts: 2
Joined: 02-August 11

Posted 18 March 2012 - 04:28 AM

I was blind but now I see. Thanks, Chris!

#269 nightmove

Junior Member

Group: Members
Posts: 48
Joined: 11-March 12
Location:Germany

Posted 18 March 2012 - 09:02 AM

nightmove, on 17 March 2012 - 06:27 AM, said:

Ok, thanks!
The link now load the partial, but it does not update the container I specified. Everything right with the "update" parameter?

$this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxLink',
            	'url' => $this->createUrl('/user/edit',
                                          	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Edit profile',
            	'type'=>'', // '', 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'
            	'size'=>'small', // '', 'small' or 'large'
            	'htmlOptions'=>array(
                	'class' => 'pull-right',
                	'update' => '#yw5_tab_2',
            	),
        	));

Ok , got it. I need to put the 'update' inside 'ajaxOptions'.

#270 nightmove

Junior Member

Group: Members
Posts: 48
Joined: 11-March 12
Location:Germany

Posted 18 March 2012 - 09:05 AM

But I still have another question

I've got a form, which I want to submit via ajax. First, the $_POST['ajax'] is empty, when it is passed to the controller action.

<?php
/** @var BootActiveForm $form */
$form = $this->beginWidget('bootstrap.widgets.BootActiveForm', array(
	'id'=>'user-profile-edit-form',
	'enableAjaxValidation'=>true,
	'enableClientValidation'=>true,
	'type'=>'horizontal'
)); ?>

<?php $this->widget('bootstrap.widgets.BootButton', array(
    	'fn'=>'ajaxSubmit',
    	'url' => $this->createUrl('/user/edit',
                                    	array('id'=>$user->id,
                                        	'section'=>'profile')
                                	),
    	'label'=>'Save profile',
    	'type'=>'primary',
    	'size'=>'small',
    	'ajaxOptions'=>array(
        	'update' => '#yw5_tab_2',
    	),
	)); ?>

Second, I use 'primary' for the type. But the button won't show up in blue, as it does on the Yii-bootstrap demo page.

Any suggestions?

#271 Chris83

Advanced Member

Group: Members
Posts: 422
Joined: 27-February 10
Location:Helsinki, Finland

Posted 18 March 2012 - 02:15 PM

nightmove, on 18 March 2012 - 09:05 AM, said:

But I still have another question

I've got a form, which I want to submit via ajax. First, the $_POST['ajax'] is empty, when it is passed to the controller action.

<?php
/** @var BootActiveForm $form */
$form = $this->beginWidget('bootstrap.widgets.BootActiveForm', array(
	'id'=>'user-profile-edit-form',
	'enableAjaxValidation'=>true,
	'enableClientValidation'=>true,
	'type'=>'horizontal'
)); ?>

<?php $this->widget('bootstrap.widgets.BootButton', array(
    	'fn'=>'ajaxSubmit',
    	'url' => $this->createUrl('/user/edit',
                                    	array('id'=>$user->id,
                                        	'section'=>'profile')
                                	),
    	'label'=>'Save profile',
    	'type'=>'primary',
    	'size'=>'small',
    	'ajaxOptions'=>array(
        	'update' => '#yw5_tab_2',
    	),
	)); ?>

Second, I use 'primary' for the type. But the button won't show up in blue, as it does on the Yii-bootstrap demo page.

Any suggestions?

Could you paste the HTML generated and I'll take a look?

#272 nightmove

Junior Member

Group: Members
Posts: 48
Joined: 11-March 12
Location:Germany

Posted 18 March 2012 - 02:19 PM

Chris83, on 18 March 2012 - 02:15 PM, said:

Could you paste the HTML generated and I'll take a look?

This is my view:

<div class="row">
	<div class="span12">
    	<p>
        	<?php $this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxLink',
            	'url' => $this->createUrl('/user/view',
                                          	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Back',
            	'type'=>'', // '', 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'
            	'size'=>'small', // '', 'small' or 'large'
            	'ajaxOptions'=>array(
                	'update' => '#yw5_tab_2',
            	),
            	'htmlOptions'=>array(
                	'class' => 'pull-right',
                	'id'=>'backToProfileBtn',
            	),
        	)); ?>
    	</p>
	</div>
</div>
<?php
	/** @var BootActiveForm $form */
	$form = $this->beginWidget('bootstrap.widgets.BootActiveForm', array(
    	'id'=>'user-profile-edit-form',
    	'enableAjaxValidation'=>true,
    	'enableClientValidation'=>true,
    	'type'=>'horizontal'
	)); ?>
<div class="row">
	<div class="span6">
    	<h3>Personal</h3>
        	<?php echo $form->dropDownListRow(
                	$user,
                	'prefix',
                	CHtml::listData(
                        	UserPrefix::model()->findAll(),
                        	'id', 'prefix')
                	); ?>
        	<?php echo $form->error($user,'prefix'); ?>
        	<?php echo $form->textFieldRow($user,'firstname'); ?>
        	<?php echo $form->error($user,'firstname'); ?>
        	<?php echo $form->textFieldRow($user,'lastname'); ?>
        	<?php echo $form->textFieldRow($user,'dateofbirth'); ?>
	</div>
	<div class="span6">
    	<h3>Address</h3>
        	<?php echo $form->textFieldRow($user,'street'); ?>
        	<?php echo $form->textFieldRow($user,'streetno'); ?>
        	<?php echo $form->textFieldRow($user,'zipcode'); ?>
        	<?php echo $form->textFieldRow($user,'city'); ?>
	</div>
</div>
<div class="row">
	<div class="span6">
    	<h3>Further details</h3>
        	<?php echo $form->textFieldRow($user,'username'); ?>
        	<?php echo $form->textFieldRow($user,'email'); ?>
        	<?php echo $form->textFieldRow($user,'password'); ?>
	</div>
</div>
<div class="row">
	<div class="span12">
    	<div class="form-actions">
        	<?php $this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxSubmit',
            	'url' => $this->createUrl('/user/edit',
                                            	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Save profile',
            	'type'=>'primary',
            	'size'=>'small',
            	'ajaxOptions'=>array(
                	'update' => '#yw5_tab_2',
            	),
        	)); ?>
    	</div>
	</div>
 
<?php $this->endWidget(); ?>

And this is the generated HTML:

<head>
    	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    	<!-- <link rel="stylesheet/less" type="text/css" href="/less/fd.less" /> -->
    	<!-- <script type="text/javascript" href="/js/less-1.2.1.min.js"></script> -->
	<link rel="stylesheet" type="text/css" href="/assets/24d2e9ac/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/assets/24d2e9ac/css/bootstrap-responsive.min.css">
<script type="text/javascript" src="/assets/f344d3f1/jquery.js"></script>
<script type="text/javascript" src="/assets/f344d3f1/jquery.ba-bbq.js"></script>
<title>my company - My Profile</title>
    	<link rel="stylesheet" type="text/css" href="/css/fd.css">
<style type="text/css" charset="utf-8">/* See license.txt for terms of usage */ 
/** reset styling **/ 
.firebugResetStyles { 
	z-index: 2147483646 !important; 
	top: 0 !important; 
	left: 0 !important; 
	display: block !important; 
	border: 0 none !important; 
	margin: 0 !important; 
	padding: 0 !important; 
	outline: 0 !important; 
	min-width: 0 !important; 
	max-width: none !important; 
	min-height: 0 !important; 
	max-height: none !important; 
	position: fixed !important; 
	-moz-transform: rotate(0deg) !important; 
	-moz-transform-origin: 50% 50% !important; 
	-moz-border-radius: 0 !important; 
	-moz-box-shadow: none !important; 
	background: transparent none !important; 
	pointer-events: none !important; 
} 
 
.firebugBlockBackgroundColor { 
	background-color: transparent !important; 
} 
 
.firebugResetStyles:before, .firebugResetStyles:after { 
	content: "" !important; 
} 
/**actual styling to be modified by firebug theme**/ 
.firebugCanvas { 
	display: none !important; 
} 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
.firebugLayoutBox { 
	width: auto !important; 
	position: static !important; 
} 
 
.firebugLayoutBoxOffset { 
	opacity: 0.8 !important; 
	position: fixed !important; 
} 
 
.firebugLayoutLine { 
	opacity: 0.4 !important; 
	background-color: #000000 !important; 
} 
 
.firebugLayoutLineLeft, .firebugLayoutLineRight { 
	width: 1px !important; 
	height: 100% !important; 
} 
 
.firebugLayoutLineTop, .firebugLayoutLineBottom { 
	width: 100% !important; 
	height: 1px !important; 
} 
 
.firebugLayoutLineTop { 
	margin-top: -1px !important; 
	border-top: 1px solid #999999 !important; 
} 
 
.firebugLayoutLineRight { 
	border-right: 1px solid #999999 !important; 
} 
 
.firebugLayoutLineBottom { 
	border-bottom: 1px solid #999999 !important; 
} 
 
.firebugLayoutLineLeft { 
	margin-left: -1px !important; 
	border-left: 1px solid #999999 !important; 
} 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
.firebugLayoutBoxParent { 
	border-top: 0 none !important; 
	border-right: 1px dashed #E00 !important; 
	border-bottom: 1px dashed #E00 !important; 
	border-left: 0 none !important; 
	position: fixed !important; 
	width: auto !important; 
} 
 
.firebugRuler{ 
	position: absolute !important; 
} 
 
.firebugRulerH { 
	top: -15px !important; 
	left: 0 !important; 
	width: 100% !important; 
	height: 14px !important; 
	background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important; 
	border-top: 1px solid #BBBBBB !important; 
	border-right: 1px dashed #BBBBBB !important; 
	border-bottom: 1px solid #000000 !important; 
} 
 
.firebugRulerV { 
	top: 0 !important; 
	left: -15px !important; 
	width: 14px !important; 
	height: 100% !important; 
	background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y !important; 
	border-left: 1px solid #BBBBBB !important; 
	border-right: 1px solid #000000 !important; 
	border-bottom: 1px dashed #BBBBBB !important; 
} 
 
.overflowRulerX > .firebugRulerV { 
	left: 0 !important; 
} 
 
.overflowRulerY > .firebugRulerH { 
	top: 0 !important; 
} 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
.fbProxyElement { 
	position: fixed !important; 
	pointer-events: auto !important; 
}</style></head>


<body>
<div id="mainmenu">
        	<div class="navbar navbar-static"><div class="navbar-inner"><div class="container"><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a><a class="brand" href="">my company</a><div class="nav-collapse"><ul class="nav"><li class="active"><a href="/site/index">Home</a></li><li class=""><a href="/site/about">About</a></li><li class=""><a href="/site/contact">Contact</a></li></ul><ul class="pull-right nav"><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">My Profile (martina) <span class="caret"></span></a><ul class="dropdown-menu"><li class=""><a href="/user/8">Overview</a></li><li class=""><a href="/site/logout">Logout</a></li></ul></li></ul></div></div></div></div>        	
</div>
<div class="container" id="page">
	
            		<ul class="breadcrumb"><li><a href="/">Home</a><span class="divider">/</span></li><li class="active">My Profile</li></ul>	
	<div class="container">
	<div id="content">
    	<div class="page-header">
	<h1>My Profile</h1>
</div>
<div id="yw5" class="tabs-above"><ul class="nav nav-tabs"><li class=""><a data-toggle="tab" href="#yw5_tab_1">Overview</a></li><li class="active"><a data-toggle="tab" href="#yw5_tab_2">Profile</a></li><li class=""><a data-toggle="tab" href="#yw5_tab_3">Account</a></li><li class=""><a data-toggle="tab" href="#yw5_tab_4">Offers</a></li><li class=""><a data-toggle="tab" href="#yw5_tab_5">Messages</a></li></ul><div class="tab-content"><div id="yw5_tab_1" class="tab-pane fade"><div class="row">
	<div class="span6">
    	<h3>Profile</h3>
    	<p>
        	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    	</p>
	</div>
	<div class="span6">
    	<h3>Account</h3>
    	<p>
        	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    	</p>
	</div>
</div>

<div class="row">
	<div class="span6">
    	<h3>Offer</h3>
    	<p>
        	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    	</p>
	</div>
	<div class="span6">
    	<h3>Messages</h3>
    	<p>
        	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    	</p>
	</div>
</div></div><div id="yw5_tab_2" class="tab-pane fade active in">array(0) {
}
<div class="row">
	<div class="span12">
    	<p>
        	<a class="pull-right btn btn-small" id="backToProfileBtn" href="#">Back</a>    	</p>
	</div>
</div>
<form class="form-horizontal" id="user-profile-edit-form" action="/user/edit?id=8&amp;section=profile&amp;_=1332098006960" method="post"><div class="row">
	<div class="span6">
    	<h3>Personal</h3>
        	<div class="control-group "><label class="control-label required" for="User_prefix">Prefix <span class="required">*</span></label><div class="controls"><select name="User[prefix]" id="User_prefix">
<option value="1" selected="selected">Frau</option>
<option value="2">Herr</option>
</select><span class="help-inline" id="User_prefix_em_" style="display: none"></span></div></div>        	<span class="help-inline" id="User_prefix_em_" style="display: none"></span>        	<div class="control-group "><label class="control-label required" for="User_firstname">Firstname <span class="required">*</span></label><div class="controls"><input name="User[firstname]" id="User_firstname" maxlength="15" value="Martina" type="text"><span class="help-inline" id="User_firstname_em_" style="display: none"></span></div></div>        	<span class="help-inline" id="User_firstname_em_" style="display: none"></span>        	<div class="control-group "><label class="control-label required" for="User_lastname">Lastname <span class="required">*</span></label><div class="controls"><input name="User[lastname]" id="User_lastname" maxlength="20" value="Müller" type="text"><span class="help-inline" id="User_lastname_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_dateofbirth">Dateofbirth <span class="required">*</span></label><div class="controls"><input name="User[dateofbirth]" id="User_dateofbirth" value="1980-12-31" type="text"><span class="help-inline" id="User_dateofbirth_em_" style="display: none"></span></div></div>	</div>
	<div class="span6">
    	<h3>Address</h3>
        	<div class="control-group "><label class="control-label required" for="User_street">Street <span class="required">*</span></label><div class="controls"><input name="User[street]" id="User_street" maxlength="30" value="Teestraße " type="text"><span class="help-inline" id="User_street_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_streetno">Streetno <span class="required">*</span></label><div class="controls"><input name="User[streetno]" id="User_streetno" maxlength="6" value="20a" type="text"><span class="help-inline" id="User_streetno_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_zipcode">Zipcode <span class="required">*</span></label><div class="controls"><input name="User[zipcode]" id="User_zipcode" value="9130" type="text"><span class="help-inline" id="User_zipcode_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_city">City <span class="required">*</span></label><div class="controls"><input name="User[city]" id="User_city" value="1" type="text"><span class="help-inline" id="User_city_em_" style="display: none"></span></div></div>	</div>
</div>
<div class="row">
	<div class="span6">
    	<h3>Further details</h3>
        	<div class="control-group "><label class="control-label required" for="User_username">Username <span class="required">*</span></label><div class="controls"><input name="User[username]" id="User_username" maxlength="30" value="martina" type="text"><span class="help-inline" id="User_username_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_email">Email <span class="required">*</span></label><div class="controls"><input name="User[email]" id="User_email" maxlength="30" value="test1@mail.vbox.local" type="text"><span class="help-inline" id="User_email_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_password">Password <span class="required">*</span></label><div class="controls"><input name="User[password]" id="User_password" maxlength="100" value="$2a$08$wbt7W1qBof7Uh.R6DQ6MyeIGKsRAjZJU/WTnL06nW.puqja/FNfLW" type="text"><span class="help-inline" id="User_password_em_" style="display: none"></span></div></div>	</div>
</div>
<div class="row">
	<div class="span12">
    	<div class="form-actions">
        	<input name="yt0" value="Save profile" id="yt0" type="submit">    	</div>
	</div>
 
</div></form></div><div id="yw5_tab_3" class="tab-pane fade"><div class="page-header">
	<h2>Account</h2>
</div>
<div id="yw4" class="tabs-left"><ul class="nav nav-tabs"><li class="active "><a data-toggle="tab" href="#yw4_tab_1">Overview</a></li><li class=""><a data-toggle="tab" href="#yw4_tab_2">Account Transactions</a></li><li class=""><a data-toggle="tab" href="#yw4_tab_3">Safe</a></li></ul><div class="tab-content"><div id="yw4_tab_1" class="tab-pane fade in active"><div id="yw3" class="grid-view">
<table class="table table-striped table-condensed">
<thead>
<tr>
<th id="yw3_c0">#</th><th id="yw3_c1">Description</th><th id="yw3_c2">Date</th><th id="yw3_c3">Amount</th></tr>
</thead>
<tbody>
<tr class="odd"><td>1</td><td>Account</td><td>18.03.2012</td><td>100.99000</td></tr>
<tr class="even"><td>2</td><td>Safe</td><td>18.03.2012</td><td>49.99000</td></tr>
</tbody>
</table><div class="keys" style="display:none" title="/user/8"><span>1</span><span>2</span></div>
</div></div><div id="yw4_tab_2" class="tab-pane fade">NULL
</div><div id="yw4_tab_3" class="tab-pane fade">safe</div></div></div></div><div id="yw5_tab_4" class="tab-pane fade">offers
</div><div id="yw5_tab_5" class="tab-pane fade">messages</div></div></div>	</div><!-- content -->
</div>

	<div class="clear"></div>

	<footer class="footer">
        	<p class="pull-right">
            	<a href="#top">[top]</a>        	</p>
        	<p>
            	Copyright © 2012 by my company.	
        	</p>
        	<p>
            	All rights reserved.
        	</p>
	</footer>

</div><!-- page -->

<script type="text/javascript" src="/assets/24d2e9ac/js/bootstrap-transition.js"></script>
<script type="text/javascript" src="/assets/24d2e9ac/js/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="/assets/24d2e9ac/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="/assets/95641d1f/gridview/jquery.yiigridview.js"></script>
<script type="text/javascript" src="/assets/24d2e9ac/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="/assets/24d2e9ac/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="/assets/24d2e9ac/js/bootstrap-dropdown.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
jQuery('a.tooltip').tooltip({'placement':'bottom'});
jQuery('a[rel="popover"]').popover();
$('body').on('click','#yt0',function(){jQuery.ajax({'url':'/user/edit?id=8&section=profile','cache':false,'success':function(html){jQuery("#yw5_tab_2").html(html)}});return false;});
jQuery('#yw3').yiiGridView({'ajaxUpdate':['yw3'],'ajaxVar':'ajax','pagerClass':'pagination','loadingClass':'grid-view-loading','filterClass':'filters','tableClass':'table table-striped table-condensed','selectableRows':1,'pageVar':'page'});
jQuery('#yw4').tab('show');
jQuery('#yw5').tab('show');
jQuery('.collapse').collapse();
jQuery('.dropdown-toggle[data-dropdown="dropdown"]').dropdown();
});
/*]]>*/
</script>


</body>

#273 Chris83

Advanced Member

Group: Members
Posts: 422
Joined: 27-February 10
Location:Helsinki, Finland

Posted 18 March 2012 - 05:59 PM

@nightmove: Could you filter out the actual issue from your previous post and remove everything else that I can get a clear overview. Thanks in advance.

#274 janisto

Junior Member

Group: Members
Posts: 45
Joined: 30-March 11
Location:Helsinki, Finland

Posted 19 March 2012 - 07:26 AM

What's the best way to use bootstrap only in one or two module?

Currently I have disabled the loading of the default CSS styles and I register them in my module init, like this:

Yii::app()->bootstrap->registerCss();
Yii::app()->bootstrap->registerResponsiveCss();

#275 nightmove

Junior Member

Group: Members
Posts: 48
Joined: 11-March 12
Location:Germany

Posted 19 March 2012 - 11:58 AM

Chris83, on 18 March 2012 - 05:59 PM, said:

@nightmove: Could you filter out the actual issue from your previous post and remove everything else that I can get a clear overview. Thanks in advance.

Sure, I can. I have the following code in my view:

<div class="row">
	<div class="span12">
    	<p>
        	<?php $this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxLink',
            	'url' => $this->createUrl('/user/view',
                                          	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Back',
            	'type'=>'', // '', 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'
            	'size'=>'small', // '', 'small' or 'large'
            	'ajaxOptions'=>array(
                	'update' => '#yw5_tab_2',
            	),
            	'htmlOptions'=>array(
                	'class' => 'pull-right',
                	'id'=>'backToProfileBtn',
            	),
        	)); ?>
    	</p>
	</div>
</div>
<?php
	/** @var BootActiveForm $form */
	$form = $this->beginWidget('bootstrap.widgets.BootActiveForm', array(
    	'id'=>'user-profile-edit-form',
    	'enableAjaxValidation'=>true,
    	'enableClientValidation'=>true,
    	'type'=>'horizontal'
	)); ?>
<div class="row">
	<div class="span6">
    	<h3>Personal</h3>
        	<?php echo $form->dropDownListRow(
                	$user,
                	'prefix',
                	CHtml::listData(
                        	UserPrefix::model()->findAll(),
                        	'id', 'prefix')
                	); ?>
        	<?php echo $form->error($user,'prefix'); ?>
        	<?php echo $form->textFieldRow($user,'firstname'); ?>
        	<?php echo $form->error($user,'firstname'); ?>
        	<?php echo $form->textFieldRow($user,'lastname'); ?>
        	<?php echo $form->textFieldRow($user,'dateofbirth'); ?>
	</div>
	<div class="span6">
    	<h3>Address</h3>
        	<?php echo $form->textFieldRow($user,'street'); ?>
        	<?php echo $form->textFieldRow($user,'streetno'); ?>
        	<?php echo $form->textFieldRow($user,'zipcode'); ?>
        	<?php echo $form->textFieldRow($user,'city'); ?>
	</div>
</div>
<div class="row">
	<div class="span6">
    	<h3>Further details</h3>
        	<?php echo $form->textFieldRow($user,'username'); ?>
        	<?php echo $form->textFieldRow($user,'email'); ?>
        	<?php echo $form->textFieldRow($user,'password'); ?>
	</div>
</div>
<div class="row">
	<div class="span12">
    	<div class="form-actions">
        	<?php $this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxSubmit',
            	'url' => $this->createUrl('/user/edit',
                                            	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Save profile',
            	'type'=>'primary',
            	'size'=>'small',
            	'ajaxOptions'=>array(
                	'update' => '#yw5_tab_2',
            	),
        	)); ?>
    	</div>
	</div>
 
<?php $this->endWidget(); ?>

This is the generated form:

<div class="row">
	<div class="span12">
    	<p>
        	<a class="pull-right btn btn-small" id="backToProfileBtn" href="#">Back</a>    	</p>
	</div>
</div>
<form class="form-horizontal" id="user-profile-edit-form" action="/user/edit?id=8&amp;section=profile&amp;_=1332176349685" method="post"><div class="row">
	<div class="span6">
    	<h3>Personal</h3>
        	<div class="control-group "><label class="control-label required" for="User_prefix">Prefix <span class="required">*</span></label><div class="controls"><select name="User[prefix]" id="User_prefix">
<option value="1" selected="selected">Frau</option>
<option value="2">Herr</option>
</select><span class="help-inline" id="User_prefix_em_" style="display: none"></span></div></div>        	<span class="help-inline" id="User_prefix_em_" style="display: none"></span>        	<div class="control-group "><label class="control-label required" for="User_firstname">Firstname <span class="required">*</span></label><div class="controls"><input name="User[firstname]" id="User_firstname" maxlength="15" value="Martina" type="text"><span class="help-inline" id="User_firstname_em_" style="display: none"></span></div></div>        	<span class="help-inline" id="User_firstname_em_" style="display: none"></span>        	<div class="control-group "><label class="control-label required" for="User_lastname">Lastname <span class="required">*</span></label><div class="controls"><input name="User[lastname]" id="User_lastname" maxlength="20" value="Müller" type="text"><span class="help-inline" id="User_lastname_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_dateofbirth">Dateofbirth <span class="required">*</span></label><div class="controls"><input name="User[dateofbirth]" id="User_dateofbirth" value="1980-12-31" type="text"><span class="help-inline" id="User_dateofbirth_em_" style="display: none"></span></div></div>	</div>
	<div class="span6">
    	<h3>Address</h3>
        	<div class="control-group "><label class="control-label required" for="User_street">Street <span class="required">*</span></label><div class="controls"><input name="User[street]" id="User_street" maxlength="30" value="Teestraße " type="text"><span class="help-inline" id="User_street_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_streetno">Streetno <span class="required">*</span></label><div class="controls"><input name="User[streetno]" id="User_streetno" maxlength="6" value="20a" type="text"><span class="help-inline" id="User_streetno_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_zipcode">Zipcode <span class="required">*</span></label><div class="controls"><input name="User[zipcode]" id="User_zipcode" value="9130" type="text"><span class="help-inline" id="User_zipcode_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_city">City <span class="required">*</span></label><div class="controls"><input name="User[city]" id="User_city" value="1" type="text"><span class="help-inline" id="User_city_em_" style="display: none"></span></div></div>	</div>
</div>
<div class="row">
	<div class="span6">
    	<h3>Further details</h3>
        	<div class="control-group "><label class="control-label required" for="User_username">Username <span class="required">*</span></label><div class="controls"><input name="User[username]" id="User_username" maxlength="30" value="martina" type="text"><span class="help-inline" id="User_username_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_email">Email <span class="required">*</span></label><div class="controls"><input name="User[email]" id="User_email" maxlength="30" value="test1@mail.vbox.local" type="text"><span class="help-inline" id="User_email_em_" style="display: none"></span></div></div>        	<div class="control-group "><label class="control-label required" for="User_password">Password <span class="required">*</span></label><div class="controls"><input name="User[password]" id="User_password" maxlength="100" value="$2a$08$wbt7W1qBof7Uh.R6DQ6MyeIGKsRAjZJU/WTnL06nW.puqja/FNfLW" type="text"><span class="help-inline" id="User_password_em_" style="display: none"></span></div></div>	</div>
</div>
<div class="row">
	<div class="span12">
    	<div class="form-actions">
        	<input name="yt0" value="Save profile" id="yt0" type="submit">    	</div>
	</div>
 
</div></form>

1. The submit button should be blue, as the type "primary" shows it on your demo page
2. In my controller action i check $_POST['ajax'] which normaly should be set, when 'enableAjaxValidation' is set to true, I guess. But $_POST[ajax] is empty

Thanks in advance for the help.

#276 marcius

Newbie

Group: Members
Posts: 16
Joined: 14-April 09

Posted 19 March 2012 - 01:03 PM

From the extension page:

Chris83 said:

What's next?

BootBadge and BootLabel
CSS bridge between Bootstrap and Yii
Support for Checkbox and radio buttons

What do you mean for "CSS bridge between Bootstrap and Yii"?
Looking forward to next release! ;-)

#277 Chris83

Advanced Member

Group: Members
Posts: 422
Joined: 27-February 10
Location:Helsinki, Finland

Posted 19 March 2012 - 02:51 PM

marcius, on 19 March 2012 - 01:03 PM, said:

From the extension page:

What do you mean for "CSS bridge between Bootstrap and Yii"?
Looking forward to next release! ;-)

What I mean is a CSS file that adds the missing yii-specific CSS for e.g. forms, detail view, grid view and list view. I actually committed a first version of this CSS file to the 1.0.0-wip branch yesterday.

#278 aaronjpitts

Newbie

Group: Members
Posts: 15
Joined: 19-March 12

Posted 20 March 2012 - 12:00 AM

Hey Chris,

First off, thank you for creating such a useful extension! I have successfully implemented it into my final year university project, and I have highly recommended it to my peers!

I’m wondering if I could somehow use your extension to create repeatable fields for a form via something like jQuery? Is this possible, as I’m rather stuck on this? It’s an important part of my project to create repeatable fields.

Many thanks,
Aaron

#279 Xuntar

Newbie

Group: Members
Posts: 18
Joined: 19-July 11

Posted 20 March 2012 - 03:50 AM

1. The class of your button should be 'btn btn-primary' since the new version of bootstrap
2. Can't help you with that one I'm afraid, sorry

nightmove, on 19 March 2012 - 11:58 AM, said:

Sure, I can. I have the following code in my view:

    	<div class="form-actions">
        	<?php $this->widget('bootstrap.widgets.BootButton', array(
            	'fn'=>'ajaxSubmit',
            	'url' => $this->createUrl('/user/edit',
                                            	array('id'=>$user->id,
                                                	'section'=>'profile')
                                        	),
            	'label'=>'Save profile',
            	'type'=>'primary',
            	'size'=>'small',
            	'ajaxOptions'=>array(
                	'update' => '#yw5_tab_2',
            	),
        	)); ?>

Thanks in advance for the help.