yii-bootstrap3-module

Yii Framework Extensions

Popular Tags

yii-bootstrap3-module Twitter Bootstrap 3.* for Yii

Latest Stable Version ¶

Montly Downloads Packagist ¶

Total Downloads Packagist ¶

Instructions This yii module uses Twitter Bootstrap as a base. It is written for the Yii framework and requires at least PHP> = 5.3 *.The usual widgets like CGridView offered with. You could test it after installation with the gii code generator is included in the module.

Install ¶

Bitbucket Repo ¶

11 0

33 followers

0 downloads

Yii Version: Unknown

License: BSD-2-Clause

Category: Others

Tags: module bootstrap3 widgets extensions

Developed by: DrMabuse

Created on: Sep 19, 2013

Last updated: 11 years ago

User Contributed Notes 31

#14907

1 0

Based on what?

Is it based on some existent bootstrap2 extension? If yes then on what?

Artem Frolov at Sep 20, 2013, 12:38:49 AM

#14909

0 0

Based

Is Based on Twitter Bootstrap3 Yiistrap and can be standalone.
You have to include the bootstrap by yourself like this.

<?php
/**
 * User: Pascal Brewing
 * Date: 08.09.13
 * Time: 19:56
 */
$cs = Yii::app()->clientScript;
$themePath = Yii::app()->theme->baseUrl;

/**
 * StyleSHeets
 */
$cs
    ->registerCssFile($themePath.'/assets/css/bootstrap.css')
    ->registerCssFile($themePath.'/assets/css/presentage-theme.css');

/**
 * JavaScripts
 */
//echo CGoogleApi::init();

//echo CHtml::script(
//    CGoogleApi::load('jquery.min','1.8.3')
//);

$cs
    ->registerCoreScript('jquery',CClientScript::POS_END)
    ->registerCoreScript('jquery.ui',CClientScript::POS_END)
    ->registerScriptFile($themePath.'/assets/js/bootstrap.min.js',CClientScript::POS_END)
    ->registerScriptFile($themePath.'/assets/js/holder.js',CClientScript::POS_END)
    ->registerScript('tooltip',
        "$('[data-toggle=\"tooltip\"]').tooltip();
        $('[rel=\"tooltip\"]').tooltip()"
        ,CClientScript::POS_READY)
    ->registerScript(
        'affix',
        "$('affix').affix({
            offset: {
              top: 100
            , bottom: function () {
                return (this.bottom = $('.bs-footer').outerHeight(true))
              }
            }
        })"
    ,CClientScript::POS_READY);

?>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="<?php echo Yii::app()->theme->baseUrl ?>/assets/js/html5shiv.js"></script>
    <script src="<?php echo Yii::app()->theme->baseUrl ?>/assets/js/respond.min.js"></script>
<![endif]-->

DrMabuse at Sep 20, 2013, 7:22:02 AM

#14966

0 0

3 questions. :)

Hello,

1)
Setup, config. Ok.
Usage on the git page. Ok.
Can someone please provide the steps on how to install please?

class BootStrapModule extends \CWebModule
{

Is it ok the earlier \ slash?

3)
On backend.php we may see some references to Yiistrap, should we setup that first?

Btw, thanks for taking this step on integrating boostrap 3 with Yii.

mem at Sep 25, 2013, 11:01:48 AM

#14967

0 0

Install

Hi mem,

die you see this ?
backend.php

thats a config example. Here is a complete example for this i use composer if you dont want use composer just copied it to your protected/modules.

I hope i can help you out and if there any question again tells me

greetz
ps you dont need Yiistrap or Yiiwheels or anything ...

DrMabuse at Sep 25, 2013, 11:23:36 AM

#14968

0 0

one remaining :)

Thank you. One last question remains: On your BootStrapModule there is a \ before the extended class name (at least the common one), why is that?

Thank you again and again for proving this, and for all your time here.

mem at Sep 25, 2013, 12:31:14 PM

#14969

0 0

why \

Thank you. One last question remains: On your BootStrapModule there is a \ before the extended class name (at least the common one), why is that?

This was an experiment with namespaces

DrMabuse at Sep 25, 2013, 12:40:57 PM

#14970

0 0

Manuel installation

I will write a How To in 6-7 days because at the moment iam trouble

DrMabuse at Sep 25, 2013, 12:49:56 PM

#14971

0 0

thanks. :)

I will write something about the setup while I try to do it.
If you wish, I may send you an email about the steps done, and perhaps you can write (and correct) on top of it.

mem at Sep 25, 2013, 12:57:38 PM

#14972

0 0

@mem

http://www.php.net/manual/en/language.namespaces.rationale.php

just for PHP >= 5.3.0

;)

SomethingWicked at Sep 25, 2013, 1:04:44 PM

#14973

0 0

welcome

thanks. :)
I will write something about the setup while I try to do it. If you wish, I may send you an email about the steps done, and perhaps you can write (and correct) on top of it.

@mem Yes sure

DrMabuse at Sep 25, 2013, 1:09:01 PM

#15033

1 0

Any more detailed document

So thanks for this extension.
Is there any more details for setting it up, using in Yii applications?

Shahcheraghean at Sep 30, 2013, 4:51:35 PM

#15078

0 0

Documentation

Any more detailed document
So thanks for this extension. Is there any more details for setting it up, using in Yii applications?

I'am work on it ...

DrMabuse at Oct 5, 2013, 9:11:38 AM

#15688

1 0

As promised - A step by step guide

Thanks DocSnyder, again, for this amaizing work.
Since the bootstrap is now working as an extension, here's an update:

SETUP BOOTSTRAP

1)

Download Bootstrap from the official website.

1.1)

Place
boostrap.css and bootstrap-theme.css inside _/publichtml/css or similar.

Place
bootstrap.min.js inside your public js library folder _publichtml/js/ or similar.

1.2)

Setup your layout file like this:

$cs = Yii::app()->clientScript;
$cs->registerCssFile('/css/bootstrap.css')
   ->registerCssFile('/css/bootstrap-theme.css');
$cs->registerScriptFile($baseUrl . '/js/bootstrap.min.js', CClientScript::POS_END);

SETUP YII BOOTSTRAP 3 MODULE

2)

Download Yii Module from here:
https://bitbucket.org/DrMabuse/yii-bootstrap-3-module

3)

Rename the main downloaded directory to boostrap and place it inside:
protected/extensions/ directory. If extensions directory doesn't exist, create one.

4)

Setup your config file by changing the following elements:

Aliases array:

'aliases' => array(
        'bootstrap' => 'ext.bootstrap'
    ),

Import array:

'import' => array(
        'bootstrap.*',
        'bootstrap.components.*',
        'bootstrap.behaviours.*',
        'bootstrap.helpers.*',
        'bootstrap.widgets.*'
    ),

Actions for gii module:

'modules' => array(
        'gii' => array(
            'class' => array('boostrap.gii')
        )

    ),

Components array:

'components' => array(
        //boostrap 4 of 4 specific components
        'boostrap' => array(
            'class'=> 'boostrap.components.BsApi'
        ),
     )

All done.

Take a look here in order to see more info:
http://bootstrap3.pascal-brewing.de/site/components

Again, while the information is available on the official website, I thing a document like this is easier to follow, if you wish to do it by hand.

If something is missing or erroneous, please, let me know.
Cheers.

mem at Dec 8, 2013, 4:19:30 PM

#15710

0 1

Installation

This points are already under Point Installation ... click on It. Next you can use composer this more usefull for developers no update trouble etc ....

DrMabuse at Dec 9, 2013, 8:35:42 AM

#15800

0 0

Can I use bootswatch theme ?

Is is fully compatible with latest bootstrap3 bootswatch theme ?

realtebo at Dec 18, 2013, 1:40:59 PM

#15802

0 0

bootswatch theme

when this on is using bootstrap3 yes you can plz read the installation

DrMabuse at Dec 18, 2013, 6:01:30 PM

#15848

0 0

Adding a class to all generated textareas

@DocSnyder:
What would be a proper way to add, to all textareas generated, a given css class?
I wish all textareas to have a wysiwyg editor. However, since the editor doesn't support a general "textarea" and demands a class on those textareas, I tough I could do this the other way around.

I see a static call here:

generateControlGroup

return "BSHtml::activeTextAreaControlGroup(\$model,'{$column->name}',array('rows'=>6))";

But perhaps a better option would be, to leave the generator alone, and on the display time, add the css class? Like, extending the BShtml class, and overwrite

activeTextArea()

method?

But a full class and method overwrite just to write a class... :s

mem at Dec 22, 2013, 2:14:58 PM

#16063

1 0

BsModal?

How use BsModal with show:true??

<?php
$this->widget('bootstrap.widgets.BsModal', array(
    'id' => 'myModal',
    'show' => true, /*******IMPORTANT*************/
    'header' => 'Modal Heading',
    'content' => '<p>One fine body...</p>',
    'footer' => array(
        BSHtml::button('Save Changes', array(
            'data-dismiss' => 'modal',
            'color' => BSHtml::BUTTON_COLOR_PRIMARY
        )),
        BSHtml::button('Close', array(
            'data-dismiss' => 'modal'
        ))
    )
));
?>

No work!!

lisseth23 at Jan 15, 2014, 6:20:34 PM

#16066

0 0

Fix Show

@isseth23 now works,plz use next time Issue Tracker

'show' => true,
//optional
'htmlOptions' => array(
    'data-backdrop' => false
),

DrMabuse at Jan 15, 2014, 8:57:30 PM

#16224

0 0

BSHtml::tabs static content

How do I specify static content for a tab?

echo BSHtml::tabs(array(
    array(
        'label' => 'Home',
        'active' => true,
        'content => '<p>test</p>',
    ),

Renders

<li 'content'='<p>test</p>'....

mbetel at Jan 31, 2014, 3:24:20 PM

#16561

0 0

content does not exist

16224 BsHtml::tabs static content

plz read the Documentation... tabs have no attribut content.

DrMabuse at Mar 5, 2014, 11:12:23 PM

#17021

1 0

Excellent work!

Thanks for sharing.

Daniel Galvan at Apr 24, 2014, 9:09:03 PM

#17022

0 0

thx for excellent :)

welcome :)

DrMabuse at Apr 24, 2014, 9:32:10 PM

#17029

0 0

input-group with button

Hi,
is it possible to make input-group with button addon?
like this:

<div class="input-group">
      <input type="text" class="form-control">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
</div><!-- /input-group -->

Bombero at Apr 25, 2014, 8:52:05 PM

#17030

1 0

input group

like this ?
> Bombero

<?php if (CCaptcha::checkRequirements()): ?>
    <?php echo $form->textFieldControlGroup($model, 'verifyCode', array(
        'help' => 'Please enter the letters as they are shown in the image above.',
        'controlOptions' => array(
            'before' => $this->widget(
                    'system.web.widgets.captcha.CCaptcha',
                    array(),
                    true
                ) . '<br/>'
        ),
    )); ?>
<?php endif; ?>>

DrMabuse at Apr 25, 2014, 9:28:18 PM

#17067

0 0

Suggestion for widget

Hi, thanks for this excellent work!

May I suggest a widget to render the Yii Captcha? As we can use captchas in forms, it would be very useful to have a bootstraped version generated by some BsCaptcha widget.

[edit]: this widget could render the field for captcha and a hint together with the image

Thanks

Regards

Junior - df9 at Apr 30, 2014, 12:49:24 AM

#17074

0 0

BsCaptcha

@Junior - df9 Feel free to create a pull request plz add it in development branch i added it to the master if the code lookings fine.

greetz

DrMabuse at Apr 30, 2014, 9:51:39 AM

#17136

0 0

How to...

Hi, please, I can't find a way to do:

1 - insert a badge or any other html in the label of an item in the top nav bar: when I try to do this, the output is just the text, not the html representation, for example, instead of displaying a badge, the page shows the html code

2 - insert a form with search field in the top nav bar

Could you please advice?

Thanks

Regards

Junior - df9 at May 7, 2014, 3:42:28 AM

#17404

0 0

BsGridView - can we change the buttons?

Is there a way to change the action buttons of BsGridView?
In CGridView we have: CButtonColumn
Is there any:
"BsButtonColumn"?

If not, how can we make this happen?

Should it be extended?

Thanks.

mem at Jun 4, 2014, 7:21:44 PM

#17444

0 0

how to customize BsNavbar color ?

I want the BsNavbar has the this color ( http://twbscolor.smarchal.com/?bd=0080ff&bh=004080&cd=ffffff&ch=00ffff ). I copied the css but the navbar is white-out. What should I do ?

nguyendh at Jun 12, 2014, 9:28:11 PM

#17445

0 0

how to customize BsNavbar color ?

add the right css for that

Sorry i dont know to say anymore to that

DrMabuse at Jun 12, 2014, 10:37:05 PM

Categories

Popular Tags