Yii2 popover-x внутри модального
Я получил модальное как тот. Теперь я хочу добавить Картик Поповер Х в инъекционную форму.
<div class="ensemble-form-add">
<?php
$content = '<p class="text-justify">sometext</p>';
echo PopoverX::widget([
'id' => 'ownShit',
'header' => 'Usage Information',
'size' => PopoverX::SIZE_LARGE,
'placement' => PopoverX::ALIGN_BOTTOM,
'content' => $content,
'toggleButton' => ['label'=>'<span class="glyphicon glyphicon-question-sign"></span>', 'class'=>'btn btn-lg btn-link'],
]); ?>
<?php $form = ActiveForm::begin(['id' => 'add ...
...
Всплывающая кнопка и диалоговое окно (скрытое) отображаются правильно. Но нажатие кнопки в модале ничего не делает. Если я открою вышеупомянутую форму самостоятельно (не в модальном режиме), кнопка сработает и отобразит диалоговое окно.
Кто-нибудь пробовал это раньше? Должен ли я установить идентификаторы, чтобы это работало?
Решение
Наконец я получил это работает. Я использовал код из этого ссылка на сайт :
public static function renderLabelHelp($label, $help) {
return Html::tag('label', $label, [
'data-toggle'=>'popover',
'data-trigger' => 'click hover',
'data-placement' => 'auto right',
'data-html' => 'true', // allow html tags
// 'data-title'=> 'Help',
'data-content'=>$help,
'style'=>'border-bottom: 1px dashed #888; cursor:help;'
]);
}
И добавил следующие js, чтобы он работал как шарм!
$(function(){
// this will show the popover within a modal window
$('#modal').on('shown.bs.modal', function(){
$('[data-toggle="popover"]').popover();
});
});
Другие решения
Других решений пока нет …