Wiki

Articles tagged with "bootstrap"X
Displaying 1-10 of 15 result(s).

Nested inline active fields inside Bootstrap horizontal forms

Created about a month ago by Kartik VHow-tos1 comment – viewed 1,468 times – ( +25 ) – version 2.0
Are you using the Bootstrap 3 form styles with Yii 2 Active Forms? Have you faced problems in displaying complex layouts which needs you to display multiple inline form fields in a single row, within bootstrap horizontal forms. Then read on.

Managing different Bootstrap form layouts with yii2-field-range extension.

Created about a month ago by Kartik VHow-tos0 comments – viewed 1,660 times – ( +24 ) – version 2.0
This wiki will explain how you can use the Field range extension with multiple Bootstrap form layouts (vertical or horizontal). You maybe aware, that the yii2-field-range extension enables you to easily setup ActiveField range fields with Bootstrap styling. You basically can setup two attributes joined together like a single field with combined validation error block.

Activating Bootstrap 3 Tooltips & Popover for your Yii Site.

Created 2 months ago by Kartik VTips3 comments – viewed 2,160 times – ( +24 / -4 ) – version 2.0
With Bootstrap 3 and its inbuilt support in Yii Framework 2.0, you would see quite some new ways of creating HTML markup and styling your site. However, with version 3 of Bootstrap, tooltips and popover are not activated by default on your elements. Assuming you have activated the Bootstrap 3 tooltip plugin - how do you easily enable display of tooltips/popovers across your site?

Escape from Default's Yii2 Delete Confirm Box

Created 2 months ago by Antonio RamirezHow-tos1 comment – viewed 1,860 times – ( +1 ) – version 2.0
If you started playing with Yii2's new GridView, you will soon realize that some things have improved quite a lot, but I am sure its going to be a bit confusing at first glance when you try to modify certain javascript behaviors like for example, its delete confirmation dialog box.

Override/Eliminate Bootstrap CSS/JS for Yii 2.0 widgets

Created 4 months ago by Kartik VHow-tos2 comments – viewed 3,928 times – ( +24 / -4 ) – version 2.0
In Yii 2.0, the yii widgets that use Twitter Bootstrap CSS & JS directly, are part of the yii2-bootstrap extension, starting with yii/bootstrap namespace. For customizing bootstrap extension specific widget assets, you could configure your own assets (CSS/JS) using the new Yii Asset Manager in your Yii Config file. Something like:

Yiistrap TbHtml::navbarSearchForm

Created 8 months ago by PatriceTips0 comments – viewed 4,270 times – version 1.1
Hi all,

Black Bootstrap - Bootstrap theme for YII Framework

Created 10 months ago by nachiOthers2 comments – viewed 29,381 times – ( +6 )
I have created a theme using bootstrap for YII Framework. The theme includes breadcrumbs, form, notification, sidebar view etc.
tags: themes, bootstrap

Add Beautiful Radio/Checkbox Buttons To Grid

Created 11 months ago by waterloomattHow-tos1 comment – viewed 12,321 times – ( +9 / -2 )
This is a tutorial on how to create slick looking status buttons to update a model's status via a grid. Note** This tutorial uses Yii Bootstrap for styling.

Client-side form validation using Twitter Bootstrap's Popovers

Created about a year ago by TrejderHow-tos4 comments – viewed 26,545 times – ( +4 / -1 ) – version 1.1
This article explains how to easily turn standard text-line validation errors into beautifully and professionally looking Twitter Bootstrap's Popovers.

Using Bootstrap with LESS

Created about a year ago by Chris83How-tos1 comment – viewed 32,453 times – ( +14 ) – version 1.1
I discovered Twitter Bootstrap almost two years ago. After trying it out for a while I fell in love with it. It didn't take long before I realized that it would be great to write an extension that allowed developers to start using Bootstrap in their Yii projects. One night I sat down and started writing what later became my now popular bootstrap extension. Now that the extension is quite widely used in the community I felt that it was time to write about how to use Bootstrap to its full potential. If you use the Bootstrap CSS files you're really missing out on some great features. After reading this article you'll be able to take full advantage of Bootstrap using LESS.