Giter VIP home page Giter VIP logo

zucchibootstrap's Introduction

ZucchiBootstrap

Module to provide files and helpers for use with ZF2 Modules

Installation

From the root of your ZF2 Skeleton Application run

./composer.phar require zucchi/bootstrap

This module will require your vhost to use an AliasMatch

AliasMatch /_([^/]+)/(.+)/([^/]+) /path/to/vendor/$2/public/$1/$3

You can now include the following in your layout to make use of Twitters Bootstrap

<?=$this->headLink()->appendStylesheet($this->basePath() . '/_css/zucchi/bootstrap/bootstrap.min.css')
                    ->appendStylesheet($this->basePath() . '/_css/zucchi/bootstrap/bootstrap-responsive.min.css')?>
<?=$this->headScript()->appendFile($this->basePath() . '/_js/zucchi/bootstrap/bootstrap.min.js') ?>

Available Features

  • Form View Helpers
    • Bootstrap Form - Render a complete form
    • Bootstrap Collection - Render a collection Element
    • Bootstrap Row = Render an element
  • Navigation View Helpers (navbar only)
  • Alert View Helpers

Roadmap

  • Image/Thumbnail view Helper
  • Dropdown Helpers
  • Navigation (tabs, pills, stackable, list) Helpers
  • Breadcrumb Helpers
  • Pagination Helpers

zucchibootstrap's People

Contributors

phpboyscout avatar fidelski avatar r-nicol avatar buliq avatar

Stargazers

omusico avatar Luis Henrique Geanini avatar Sandro Meier avatar Guillaume M. avatar Victor Guedes avatar Dharmendra avatar Martin Keckeis avatar Adam Lundrigan avatar Maximilian Weber avatar

Watchers

Victor Guedes avatar James Cloos avatar avatar Dharmendra avatar Luis Henrique Geanini avatar

Forkers

webermax vincequeiroz stefanorg buliq albertogviana nuxwin lizylgit

zucchibootstrap's Issues

Form button text disappears

I have one form with a collection
In this collection there are 2 buttons, one submit and one reset

If i try to send a form and it is not valid, then the reset button has no value and this leads to a blank and very small button
button

Not adding bootstrap classes to labels

Missing addition of (class="checkbox" / class="radio" ) in label tags of multiple-checkboxes and radio elements, hence bootstrap CSS not applying on these elements

<label class="checkbox">
  <input type="checkbox" value="">
  Option one is this and that—be sure to include why it's great
</label>

<label class="radio">
  <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
  Option one is this and that—be sure to include why it's great
</label>
<label class="radio">
  <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
  Option two can be something else and selecting it will deselect option one
</label>

Unable to install via composer

Having problem while using composer to install this module:

Command line error:

E:\htdocs\myproject004>php composer.phar require zucchi/bootstrap:dev-master
composer.json has been updated
Loading composer repositories with package information
Updating dependencies
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Installation request for zucchi/bootstrap dev-master -> satisfiable by zucchi/bootstrap dev-master.
    - zucchi/bootstrap dev-master requires zucchi/zucchi dev-master -> no matching package found.

Potential causes:
 - A typo in the package name
 - The package is not available in a stable-enough version according to your minimum-stability setting
   see <https://groups.google.com/d/topic/composer-dev/_g3ASeIFlrc/discussion> for more details.

Read <http://getcomposer.org/doc/articles/troubleshooting.md> for further common problems.

Installation failed, reverting composer.json to its original content.

Also tried version 0.*, *, x but none works

My composer.json

{
    "name": "zendframework/skeleton-application",
    "description": "Skeleton Application for ZF2",
    "license": "BSD-3-Clause",
    "keywords": [
        "framework",
        "zf2"
    ],
    "homepage": "http://framework.zend.com/",
    "require": {
        "php": ">=5.3.3",
        "zendframework/zendframework": "2.*"
    }
}

Multi level submenu navigation help

Hello, I have implemented in your code enabling multi level submenu.

Below is the copy of the code:

IN public function htmlify(

if ($page->hasChildren() and !$submenu) {
$html .= ' ';
}

IN protected function renderNormalMenu

        if($depth > 0 and $page->hasChildren()){
            $submenu = true;
        } else {
            $submenu = false;
        }

        // make sure indentation is correct
        $depth -= $minDepth;
        $myIndent = $indent . str_repeat('        ', $depth);


        // render li tag and page
        $liClass = $page->hasChildren() ? $submenu ? ' dropdown-submenu' :' dropdown'  : '';


        $html .= $myIndent . '    <li' . $liClass . '>' . self::EOL
                . $myIndent . '        ' . $this->htmlify($page, $escapeLabels, $submenu) . self::EOL;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.