Class yii\bootstrap4\Modal

All Classes | Properties | Methods | Constants

Inheritance	yii\bootstrap4\Modal » yii\bootstrap4\Widget » yii\base\Widget
Uses Traits	yii\bootstrap4\BootstrapWidgetTrait

Modal renders a modal window that can be toggled by clicking on a button.

The following example will show the content enclosed between the \yii\bootstrap4\begin() and \yii\bootstrap4\end() calls within the modal window:

Modal::begin([
    'title' => 'Hello world',
    'toggleButton' => ['label' => 'click me'],
]);

echo 'Say hello...';

Modal::end();

Public Properties

Hide inherited properties

Property	Type	Description	Defined By
$bodyOptions	array	Body options	yii\bootstrap4\Modal
$clientEvents	array	The event handlers for the underlying Bootstrap JS plugin.	yii\bootstrap4\BootstrapWidgetTrait
$clientOptions	array	The options for the underlying Bootstrap JS plugin.	yii\bootstrap4\BootstrapWidgetTrait
$closeButton	array\|false	The options for rendering the close button tag.	yii\bootstrap4\Modal
$footer	string	The footer content in the modal window.	yii\bootstrap4\Modal
$footerOptions	array	Additional footer options	yii\bootstrap4\Modal
$headerOptions	array	Additional header options	yii\bootstrap4\Modal
$options	array	The HTML attributes for the widget container tag.	yii\bootstrap4\Widget
$size	string	The modal size.	yii\bootstrap4\Modal
$title	string	The tile content in the modal window.	yii\bootstrap4\Modal
$titleOptions	array	Additional title options	yii\bootstrap4\Modal
$toggleButton	array\|false	The options for rendering the toggle button tag.	yii\bootstrap4\Modal

Public Methods

Hide inherited methods

Method	Description	Defined By
getView()		yii\bootstrap4\BootstrapWidgetTrait
init()	Initializes the widget.	yii\bootstrap4\Modal
run()	Renders the widget.	yii\bootstrap4\Modal

Protected Methods

Hide inherited methods

Method	Description	Defined By
initOptions()	Initializes the widget options.	yii\bootstrap4\Modal
registerClientEvents()	Registers JS event handlers that are listed in $clientEvents.	yii\bootstrap4\BootstrapWidgetTrait
registerPlugin()	Registers a specific Bootstrap plugin and the related events	yii\bootstrap4\BootstrapWidgetTrait
renderBodyBegin()	Renders the opening tag of the modal body.	yii\bootstrap4\Modal
renderBodyEnd()	Renders the closing tag of the modal body.	yii\bootstrap4\Modal
renderCloseButton()	Renders the close button.	yii\bootstrap4\Modal
renderFooter()	Renders the HTML markup for the footer of the modal	yii\bootstrap4\Modal
renderHeader()	Renders the header HTML markup of the modal	yii\bootstrap4\Modal
renderToggleButton()	Renders the toggle button.	yii\bootstrap4\Modal

Constants

Hide inherited constants

Constant	Value	Description	Defined By
SIZE_DEFAULT	""	The additional css class of default modal	yii\bootstrap4\Modal
SIZE_LARGE	"modal-lg"	The additional css class of large modal	yii\bootstrap4\Modal
SIZE_SMALL	"modal-sm"	The additional css class of small modal	yii\bootstrap4\Modal

Property Details

$bodyOptions public property

Body options

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $bodyOptions = []

$closeButton public property

The options for rendering the close button tag. The close button is displayed in the header of the modal window. Clicking on the button will hide the modal window. If this is false, no close button will be rendered.

The following special options are supported:

tag: string, the tag name of the button. Defaults to 'button'.
label: string, the label of the button. Defaults to '×'.

The rest of the options will be rendered as the HTML attributes of the button tag. Please refer to the Modal plugin help for the supported HTML attributes.

public array|false $closeButton = []

$footer public property

The footer content in the modal window.

public string $footer = null

$footerOptions public property

Additional footer options

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $footerOptions = []

$headerOptions public property

Additional header options

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $headerOptions = []

$size public property

The modal size. Can be SIZE_LARGE or SIZE_SMALL, or empty for default.

public string $size = null

$title public property

The tile content in the modal window.

public string $title = null

$titleOptions public property

Additional title options

See also \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.

public array $titleOptions = []

$toggleButton public property

The options for rendering the toggle button tag. The toggle button is used to toggle the visibility of the modal window. If this property is false, no toggle button will be rendered.

The following special options are supported:

tag: string, the tag name of the button. Defaults to 'button'.
label: string, the label of the button. Defaults to 'Show'.

The rest of the options will be rendered as the HTML attributes of the button tag. Please refer to the Modal plugin help for the supported HTML attributes.

public array|false $toggleButton = false

Method Details

init() public method

Initializes the widget.

public void init ( )

initOptions() protected method

Initializes the widget options.

This method sets the default values for various options.

protected void initOptions ( )

renderBodyBegin() protected method

Renders the opening tag of the modal body.

protected string renderBodyBegin ( )
return	string	The rendering result

renderBodyEnd() protected method

Renders the closing tag of the modal body.

protected string renderBodyEnd ( )
return	string	The rendering result

renderCloseButton() protected method

Renders the close button.

protected string renderCloseButton ( )
return	string	The rendering result

renderFooter() protected method

Renders the HTML markup for the footer of the modal

protected string renderFooter ( )
return	string	The rendering result

renderHeader() protected method

Renders the header HTML markup of the modal

protected string renderHeader ( )
return	string	The rendering result

renderToggleButton() protected method

Renders the toggle button.

protected string renderToggleButton ( )
return	string	The rendering result

run() public method

Renders the widget.

public void run ( )