Wiki articles tagged with "bootstrap"

Showing 1-16 of 17 items.

Render Form in popup via AJAX (Create and Update) with ajax validation & Also load any page via ajax Yii 2.0 (2.3)

Created 6 years ago by skworden, updated 3 years ago by Yii3.

There are a few issues with the other solutions I originally used that I found from other wikis. I address the issues I had in this much simpler and shorter way. I am also going to explain what is going into way more detail than others to help people understand what's going on.

20 0
27 followers
Viewed: 214 580 times
Version: 2.0
Category: How-tos

Use minified version of JqueryAsset, BootstrapAsset (and all default assets)

Created 6 years ago by robregonm, updated 6 years ago by robregonm.

By default, Yii 2.0 chooses to use the non-minified version of Jquery and Bootstrap files (CSS and JS). However, there's a simple way to indicate Yii to use the minified version.

6 0
5 followers
Viewed: 28 969 times
Version: 2.0
Category: How-tos

Nested inline active fields inside Bootstrap horizontal forms

Created 7 years ago by Kartik V, updated 6 years ago by Kartik V.

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.

5 0
40 followers
Viewed: 52 726 times
Version: 2.0
Category: How-tos

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

Created 7 years ago by Kartik V, updated 7 years ago by Kartik V.

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.

0 0
37 followers
Viewed: 27 049 times
Version: 2.0
Category: How-tos

Activating Bootstrap 3 Tooltips & Popover for your Yii Site.

Created 7 years ago by Kartik V, updated 3 years ago by alrazi.

Step 1: Initialize the Bootstrap Tooltip & Popover plugins in your view layout file @web\views\layouts\main.php. Add this to somewhere in the beginning head section (after you have loaded the Jquery using your AppAsset or something similar).

2 2
47 followers
Viewed: 58 747 times
Version: 2.0
Category: Tips

Escape from Default's Yii2 Delete Confirm Box

Created 7 years ago by Antonio Ramirez, updated 5 years ago by Cozumel.

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.

4 1
16 followers
Viewed: 39 102 times
Version: 2.0
Category: How-tos

Override/Eliminate Bootstrap CSS/JS for Yii 2.0 widgets

Created 7 years ago by Kartik V, updated 3 years ago by CeBe.

An example of customizing the Yii GridView is mentioned here. You can easily override Bootstrap or other styling defaults by changing the GridView default options.

4 2
39 followers
Viewed: 48 666 times
Version: 2.0
Category: How-tos

Yiistrap TbHtml::navbarSearchForm

Created 7 years ago by Patrice, updated 7 years ago by CeBe.

Hi all,

0 0
3 followers
Viewed: 14 872 times
Version: 1.1
Category: Tips

Add Beautiful Radio/Checkbox Buttons To Grid

Created 7 years ago by waterloomatt, updated 6 years ago by Rohit Suthar.

The basic idea is to render a grid and, for each row, render a set of radio buttons that asynchronously update their respective model.

6 0
16 followers
Viewed: 32 669 times
Version: 1.1
Category: How-tos

Client-side form validation using Twitter Bootstrap's Popovers

Created 8 years ago by Trejder, updated 8 years ago by Trejder.

This article explains how to easily turn standard text-line validation errors into beautifully and professionally looking Twitter Bootstrap's Popovers.

4 0
9 followers
Viewed: 41 790 times
Version: 1.1
Category: How-tos

Using Bootstrap with LESS

Created 8 years ago by Chris83, updated 8 years ago by Chris83.

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](http://ww...

11 0
14 followers
Viewed: 52 166 times
Version: 1.1
Category: How-tos

Kickstart development with Yii-App

Created 8 years ago by Chris83, updated 8 years ago by Chris83.

I recently created a project called Yii-App on GitHub to kickstart my development of smaller Yii applications. The main goal of the project is to provide a ready-to-use application template that includes my bootstrap extension and many other useful extensions. After reading this article you will be able to use...

14 0
40 followers
Viewed: 37 474 times
Version: 1.1
Category: How-tos

Handling Bootstrap active tabs in Yii via URL

Created 8 years ago by JamesBarnsley, updated 5 years ago by JamesBarnsley.

I (www.jamesbarnsley.com) found that when using the Yii Bootstrap tabs component you will sometimes want to direct the user to a specific tab and not necessarily the first tab. Yii Bootstrap already provides the "active" variable so you can define whether the tab is the active tab or not in PHP. I generally find though that a PHP solution to...

3 0
7 followers
Viewed: 35 589 times
Version: 1.1
Category: How-tos

Load the Yii-Bootstrap Extension on Specific Actions

Created 8 years ago by chuntley, updated 8 years ago by chuntley.

A big problem I've hit with the Yii-Bootstrap extension is that all AJAX requests are initializing Bootstrap because of preload. This is a huge waste of resources, especially when using AJAX-based file uploaders that split the file into chunks. Large file uploads using that method could be initializing bootstrap hundreds of times.

7 0
15 followers
Viewed: 24 816 times
Version: 1.1
Category: How-tos

How to use YiiBooster Bootstrap Gallery

Created 8 years ago by Antonio Ramirez, updated 8 years ago by Antonio Ramirez.

Since version 1.0.4, Yii developers can make use of the image gallery provided by Sebastian Tshan, a great javascript developer that has created some true gems like the jquery file upload plugin.

3 0
9 followers
Viewed: 32 672 times
Version: 1.1
Category: How-tos

BootProgressColumn - Progress Bar Inside GridView Column compatible with 'bootstrap' extension

Created 8 years ago by Luiz, updated 8 years ago by robregonm.

A little hint of how to create a progress bar inside the column of the grid, using the 'bootstrap' extension.

5 0
7 followers
Viewed: 21 443 times
Version: 1.1
Category: Tips