Wiki articles in category How-tos tagged with "bootstrap"

Showing 1-14 of 14 items.

How to add a DropDown Language Picker (i18n) to the Menu

Created 4 months ago by JQL, updated 4 months ago by JQL.

Yii comes with internationalisation (i18n) "out of the box". There are instructions in the manual as to how to configure Yii to use i18n, but little information all in one place on how to fully integrate it into the bootstrap menu. This document attempts to remedy that.

1 0
1 follower
Viewed: 55 871 times
Version: 2.0
Category: How-tos

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

Created 9 years ago by skworden, updated 6 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.

21 0
28 followers
Viewed: 245 983 times
Version: 2.0
Category: How-tos

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

Created 9 years ago by robregonm, updated 9 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.

8 0
6 followers
Viewed: 34 031 times
Version: 2.0
Category: How-tos

Nested inline active fields inside Bootstrap horizontal forms

Created 9 years ago by Kartik V, updated 9 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: 57 191 times
Version: 2.0
Category: How-tos

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

Created 9 years ago by Kartik V, updated 9 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: 31 611 times
Version: 2.0
Category: How-tos

Escape from Default's Yii2 Delete Confirm Box

Created 9 years ago by Antonio Ramirez, updated 8 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: 45 069 times
Version: 2.0
Category: How-tos

Override/Eliminate Bootstrap CSS/JS for Yii 2.0 widgets

Created 10 years ago by Kartik V, updated 6 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: 55 630 times
Version: 2.0
Category: How-tos

Add Beautiful Radio/Checkbox Buttons To Grid

Created 10 years ago by waterloomatt, updated 9 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: 37 067 times
Version: 1.1
Category: How-tos

Client-side form validation using Twitter Bootstrap's Popovers

Created 10 years ago by Trejder, updated 10 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: 44 927 times
Version: 1.1
Category: How-tos

Using Bootstrap with LESS

Created 11 years ago by Chris83, updated 11 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: 55 656 times
Version: 1.1
Category: How-tos

Kickstart development with Yii-App

Created 11 years ago by Chris83, updated 11 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: 40 870 times
Version: 1.1
Category: How-tos

Handling Bootstrap active tabs in Yii via URL

Created 11 years ago by JamesBarnsley, updated 8 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: 39 603 times
Version: 1.1
Category: How-tos

Load the Yii-Bootstrap Extension on Specific Actions

Created 11 years ago by chuntley, updated 11 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: 27 454 times
Version: 1.1
Category: How-tos

How to use YiiBooster Bootstrap Gallery

Created 11 years ago by Antonio Ramirez, updated 11 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: 35 356 times
Version: 1.1
Category: How-tos