I have a view that uses multiple tabs to organize views/information, but was hoping for some guidance on how I might be able to dynamically load content only when a tab is clicked upon.
My basic view is
<?= Tabs::widget([
'items' => [
[
'label' => 'Client Information',
'content' => $this->render('_form_client',
['model' => $model,
'modelsContacts' => $modelsContacts,
'modelsPrices' => $modelsPrices,
'modelsNotes' => $modelsNotes,
'form' => $form]),
'active' => true
],
[
'label' => 'Bookings',
'content' => $this->render('_form_client_bookings',
['model' => $model,
'form' => $form]),
],
[
'label' => 'Documents',
'content' => $this->render('_form_client_documents',
['model' => $model,
'form' => $form]),
],
]
]);
?>
So I’d need the first tab to load initially, but would like the other tabs to not load until they are clicked upon.
Thank you for any assistance you can provide.