Download the PHP package sjaakp/yii2-collapse without Composer
On this page you can find all versions of the php package sjaakp/yii2-collapse. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package yii2-collapse
Yii2-collapse
Yii2-collapse offers three widgets for the Yii 2.0 PHP Framework:
-
Collapse renders a Bootstrap Collapse element with a toggle link and a collapsible panel;
-
CollapseGroup two or more Collapses of which only one can be open;
- Accordion renders a Bootstrap Accordion element with several panels of which only one can be open. An Accordion essentially is a kind of CollapseGroup. The difference is that the Collapse's are all direct children of the surrounding element.
All three widgets can be used with either Bootstrap 3.x or Bootstrap 4.x.
A demonstration of the widgets is here.
Installation
Install yii2-collapse in the usual way with Composer.
Add the following to the require section of your composer.json
file:
"sjaakp/yii2-collapse": "*"
or run:
composer require sjaakp/yii2-collapse
You can manually install yii2-collapse by downloading the source in ZIP-format.
Using the Collapse widget
Using the Collapse widget in an Yii2 view file can be as simple as:
...
<h4>Some more details</h4>
<p>The first detail... </p>
...
The HTML between begin()
and end()
can be as complicated as you like.
Instead of initializing Collapse with the label text, it can also be
initialized with an array
of several options, like:
...
<h4>Some more details</h4>
<p>The first detail... </p>
...
Using the CollapseGroup widget
The CollapseGroup widget can be used like:
...
...
<h4>Some details</h4>
<p>The first detail... </p>
...
<h4>Some more details</h4>
<p>The first detail... </p>
...
...
beginCollapse()
can also be initiallized with an array of Collapse options.
Using the Accordion widget
Use the Accordion widget as follows:
...
<h4>Some details</h4>
<p>The first detail... </p>
<h4>Some more details</h4>
<p>The tenth detail... </p>
<h4>Even some more details</h4>
<p>The twentieth detail... </p>
...
As with Collapse, Accordion can also be
initialized with an array
of several options.
Common options
Collapse and Accordion (but not CollapseGroup) both have the following options:
- label
string
The text of the (first) label. - encode
bool
Whether to HTML-encode the label(s). Default:true
. - open
bool
Whether the (first) panel is initially open. Default:false
(Collapse),true
(Accordion). - toggleOptions
array
HTML options for the toggle link(s). Default:['class' => 'btn-collapse']
. This class styles the toggle link with a triangle.
Collapse option
- options
array
HTML options for the panel.'tag'
is a special option, defining the HTML-tag. If it is not set, the HTML-tag is'div'
CollapseGroup option
- options
array
HTML options for the surrounding element.'tag'
is a special option, defining the HTML-tag. If it is not set, the HTML-tag is'div'
Accordion options
-
options
array
HTML options for the surrounding element.'tag'
is a special option, defining the HTML-tag. If it is not set, the HTML-tag is'div'
- panelOptions
array
HTML options for the panels.