Yii Framework Forum: Ready-to-use bootstrap Yii webapp. - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Ready-to-use bootstrap Yii webapp. Rate Topic: ***** 4 Votes

#1 User is offline   mauricioschneider 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 152
  • Joined: 16-August 10
  • Location:Santiago, Chile

Posted 13 April 2012 - 02:10 PM

I wanted to give a more polished look to my yii-powered admin panels, so I decided to use Twitter's Bootstrap.

Thanks to crisu83's bootstrap extension, I was able to acomplish this. Since I didn't want to have to include the extension everytime I created a new project, I just got a ready-to-roll webapp that I can just copy&paste. The application was made with the latest version of the framework (1.1.10).

Figured I could share it with you guys, to ease your burden a little, lol.

Here it is: http://code.mauricio...l/bootstrapped/

Also features giix and chosen jQuery plugin

EDIT: Also, responsive mode is enabled by default.

This post has been edited by mauriciorivera: 13 April 2012 - 06:03 PM

4

#2 User is offline   softark 

  • Keep It Simple
  • Yii
  • Group: Moderators
  • Posts: 2,063
  • Joined: 16-February 11
  • Location:Japan

Posted 13 April 2012 - 07:54 PM

Hi mauriciorivera, thank you for contribution. :)

BTW, what's "responsive mode"?

View Postmauriciorivera, on 13 April 2012 - 02:10 PM, said:

EDIT: Also, responsive mode is enabled by default.

0

#3 User is offline   mauricioschneider 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 152
  • Joined: 16-August 10
  • Location:Santiago, Chile

Posted 13 April 2012 - 08:01 PM

View Postsoftark, on 13 April 2012 - 07:54 PM, said:

Hi mauriciorivera, thank you for contribution. :)

BTW, what's "responsive mode"?



Responsive design is intended to allow you to design one interface for multiple devices (laptops, desktops, tablets, mobiles) without much effort. If you downloaded my application, try resizing the browser's window. You'll see how the design and the components of the interface dynamically adjust to the screen size.
0

#4 User is offline   softark 

  • Keep It Simple
  • Yii
  • Group: Moderators
  • Posts: 2,063
  • Joined: 16-February 11
  • Location:Japan

Posted 13 April 2012 - 08:49 PM

I see. That's great.
And is it a feature of bootstrap?

Anyway, I'll try. :)
0

#5 User is offline   mauricioschneider 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 152
  • Joined: 16-August 10
  • Location:Santiago, Chile

Posted 13 April 2012 - 10:37 PM

Yes, it's a feature included in bootstrap v2 :D
0

#6 User is offline   jiaming 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 262
  • Joined: 10-April 12

Posted 09 May 2012 - 05:15 PM

View Postmauriciorivera, on 13 April 2012 - 02:10 PM, said:

I wanted to give a more polished look to my yii-powered admin panels, so I decided to use Twitter's Bootstrap.

Thanks to crisu83's bootstrap extension, I was able to acomplish this. Since I didn't want to have to include the extension everytime I created a new project, I just got a ready-to-roll webapp that I can just copy&paste. The application was made with the latest version of the framework (1.1.10).

Figured I could share it with you guys, to ease your burden a little, lol.

Here it is: http://code.mauricio...l/bootstrapped/

Also features giix and chosen jQuery plugin

EDIT: Also, responsive mode is enabled by default.


Would you please teach me some responsive mode stuff...?
I heard it first time...
How could I enable it or disable it or....edit it?
0

#7 User is offline   Sampa 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 173
  • Joined: 18-December 11
  • Location:Stockholm,Sweden

Posted 09 May 2012 - 06:00 PM

View Postjiaming, on 09 May 2012 - 05:15 PM, said:

Would you please teach me some responsive mode stuff...?
I heard it first time...
How could I enable it or disable it or....edit it?

You enable/disable responsiveCss in your protected/config/main.php file

look for 'bootstrap'=>array(
........
'responsiveCss'=>true,

or similair.
you can google if you want to know the diffrence, I suggest leaving it as it is.
0

#8 User is offline   jiaming 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 262
  • Joined: 10-April 12

Posted 09 May 2012 - 06:05 PM

View PostSampa, on 09 May 2012 - 06:00 PM, said:

You enable/disable responsiveCss in your protected/config/main.php file

look for 'bootstrap'=>array(
........
'responsiveCss'=>true,

or similair.
you can google if you want to know the diffrence, I suggest leaving it as it is.


You always help me :-D

Thank you so much!!!

Although the codes in the rating post still not work :-(
0

#9 User is offline   Hermans 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 201
  • Joined: 17-February 11

Posted 09 May 2012 - 10:05 PM

Hello @mauriciorivera, thanks for your sharing code.

i just try you application, it's work well.
and it's nice code.

i tried to open in my browser(pc), full size the web page will be desktop version, when i minimize page the template automatically changed be mobile page.
0

#10 User is offline   ardinotow 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 5
  • Joined: 19-January 11

Posted 05 July 2012 - 08:20 AM

Just wanna say thank you so much. Your bootstrap really encourage me to digging yii more after 3 years on Codeigniter. Keep it update and we would see more people loving Yii B)
0

#11 User is offline   MasterG 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 6
  • Joined: 21-November 11

Posted 13 July 2012 - 12:02 PM

Hi mauriciorivera,

Thanks for sharing. The yii framework with bootstrap is a good way to start B)
0

#12 User is offline   Pankaj@Browsewire 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 8
  • Joined: 24-July 12
  • Location:Mohali

Posted 24 July 2012 - 07:51 AM

can anyone explain bootstrap and its use in my php-yii application????
0

#13 User is offline   Sampa 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 173
  • Joined: 18-December 11
  • Location:Stockholm,Sweden

Posted 24 July 2012 - 10:37 AM

View PostPankaj@Browsewire, on 24 July 2012 - 07:51 AM, said:

can anyone explain bootstrap and its use in my php-yii application????

http://twitter.githu...trap/index.html
0

#14 User is offline   Trinh Duy Hung 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 73
  • Joined: 26-October 12

Posted 11 April 2013 - 03:08 AM

Hello there. Firstly thank you for your very nice ready-to-use bootstrap.
Secondly hope you guys can help me with this issue.

The BootMenu seems to not working when I has subitems, and one of these subitems has also other subitems like this code:
<div id="mainmenu">
<?php
                $this->widget('bootstrap.widgets.BootNavbar', array(
                    'brand' => false,
                    'fixed' => false,
                    'fluid' => true,
                    'collapse' => true,
                    'items' => array(
                        array(
                            'class' => 'bootstrap.widgets.BootMenu',
                            'items' => array(
                                array('label' => 'Trang chủ', 'url' => array('/site/index')),
                                array('label' => 'Giới thiệu', 'url' => array('/site/introduction')),
                                array('label'=>'Sản phẩm', 'url' => '#', 'items'=>array(
                                    array('label' => 'Tất cả', 'url' => array('product/index')),
                                    array('label'=>'Xe nâng người JLG', 'url'=>'#', 'items' => array(
                                        array('label' => 'AM/Khung nâng di động', 'url' =>'#'),
                                        array('label' => 'Scissorlifts/Xe nâng dạng cắt kéo', 'url' =>'#'),
                                        array('label' => 'Boomlifts/ Xe nâng dạng ống lồng và khớp gập', 'url' =>'#'),
                                    )),
                                    array('label'=>'Xe chạy điện EVERGREEN', 'url'=>'#','items' => array(
                                        array('label' => 'Fairplay/Xe sân golf', 'url' =>'#'),
                                        array('label' => 'HOSS-Xe trong khu công nghiệp, thương mại', 'url' =>'#'),
                                        array('label' => 'EVE – Xe chạy đường phố', 'url' =>'#'),
                                    )),                                   
                                )),
                                array('label'=>'Dự án', 'url' => '#', 'items'=>array(
                                    array('label'=>'Samsung', 'url'=>'#'),
                                    array('label'=>'Technivn', 'url'=>'#'),
                                )),
                                array('label' => 'Tin tức', 'url' => array('/site/new')),
                                array('label' => 'Tuyển dụng', 'url' => array('/recruitment/index')),
                                array('label' => 'Quản trị', 'url' => 'backend.php'),
                            ),
                        ),
                        array(
                            'class' => 'bootstrap.widgets.BootMenu',
                            'htmlOptions' => array('class' => 'pull-right'),
                            'items' => array(
                                array('label' => 'Login', 'url' => array('/site/login'), 'visible' => Yii::app()->user->isGuest),
                                array(
                                    'label' => 'Welcome ' . Yii::app()->user->id,
                                    'url' => '#',
                                    'visible' => !Yii::app()->user->isGuest,
                                    'items' => array(
                                        array('label' => '<span class="badge badge-success">10</span> Messages', 'url' => '#', 'encodeLabel' => false),
                                        array('label' => 'Edit Profile', 'url' => '#'),
                                        '---',
                                        array('label' => 'Logout', 'url' => array('/site/logout')),
                                    ),
                                ),
                            ),
                        ),
                    ),
                ));
                ?>
            </div><!-- mainmenu -->

Hope you can give me some directions to get through this difficulty.

Cheers.
0

#15 User is offline   Kiswagara 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 1
  • Joined: 29-June 13

Posted 29 June 2013 - 11:06 PM

Hey thanx for the nice work...Am having a problem with the nav menu..I think it gt to do with Url thing..Instead of the normal url with index.php?r=site/login it gives /site/login which result to Not Found....Any help with that please
0

#16 User is offline   sifa786 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 37
  • Joined: 12-February 13

Posted 05 March 2014 - 02:23 PM

how does it feature giix?
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

2 User(s) are reading this topic
0 members, 2 guests, 0 anonymous users