Tuesday, July 18, 2017

Quick Post : Yii Boostrap theme integration

For this you need to create a Yii project and then clone theme into its themes folder...

We need yii framework zip downloaded and extracted at some location and LAMP/MAMP/AAMP etc. preconfigured.


This can be done by using following commands

php yii-1.1.16/framework/yiic.php -webapp development/phpProjects/yii/boostrap3Theme

cd development/phpProjects/yii/boostrap3Theme/themes/

git clone https://github.com/amnah/yii-bootstrap-starter-theme.git

We need to configure the theme in configuration of app i.e. main.php located at protected/config/main.php location.

It does not have theme parameter added by default we need to configure it by adding 'theme'.

Before
return array(
 'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
 'name'=>'My Web Application',
 'theme'=>'yii-bootstrap-starter-theme',


After
return array(
 'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
 'name'=>'My Web Application',
        'theme'=>'[yii-bootstrap-starter-theme]',

Finally we need to setup up this config in views i.e. protected/views/layouts/main.php

<?php
        $bootstrapVersion = "3.0.0";
        $fontAwesomeVersion = "3.2.1";
        $jqueryVersion = "2.0.3";
        $queryUiVersion = "1.10.3";
?>


Reference: https://github.com/amnah/yii-bootstrap-starter-theme

Useful links:

  1.  XAMPP : https://www.apachefriends.org/download.html
  2.  WAMPP : http://www.wampserver.com/en/#download-wrapper
  3.  Yii Framework : http://www.yiiframework.com/download/


Quick setup Phonegap Development Environment using Docker

INTRO NOTE : Pre-requisite is to have ubuntu 16.04 Following DIGITAL OCEAN tutorial for same...