Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- joomla:modalbox [30/07/2020 15:00] – Manuel
+++ joomla:modalbox [31/07/2020 11:15] (aktuell) – Manuel
@@ Zeile 3: / Zeile 3: @@
 Wie stelle ich es an, dass gewisse Inhalte einer Komponente in einer Modalbox angezeigt werden?
-**Lösung:**
+===== Inhalt der Modalbox =====
-__Inhalt der Modalbox__
+Der Inhalt der Modalbox kann zum Beispiel mit einer eigenen Komponenten-View gefüllt werden.\\
-Der Inhalt der Modalbox kann zum Beispiel mit einer eigenen Komponenten-View gefüllt werden.
 Dazu werden folgende Dateien benötigt:
-views/testview/view.raw.php
+views/testview/view.raw.php\\
 views/testview/tmpl/modalbox.php
-view.raw.php<code>
+<file php view.raw.php>
+<?php
 // No direct access
 defined('_JEXEC') or die;
@@ Zeile 21: / Zeile 21: @@
 /**
  * View class for modals
- *
+*/
- */
 class ComponentViewTestview extends \Joomla\CMS\MVC\View\HtmlView
+{
-/**
+  /**
-* Display the view
+  * Display the view
-*
+  *
-* @param   string  $tpl  Template name
+  * @param   string  $tpl  Template name
-* @return void
+  * @return void
-* @throws Exception
+  * @throws Exception
-*/
+  */
-public function display($tpl = null)
+  public function display($tpl = null)
   {
      $app = Factory::getApplication();
@@ Zeile 48: / Zeile 49: @@
      $this->_prepareDocument();
      parent::display($tpl);
-     }
   }
-</code>
+}
+</file>
+<file php modalbox.php>
+<?php
+// No direct access
+defined('_JEXEC') or die;
-__Datei, von welcher die Modalbox aufgerufen werden soll__
+//URL: index.php?option=com_component&view=testview&format=raw&layout=modalbox
+?>
+<p>Inhalt der Modalbox</p>
+</file>
+\\
+\\
+===== Aufrufen der Modalbox =====
+==== Mootols: Modalbox ====
+<file php default.php>
+<?php
-Zu Beginn der entsprechenden tmpl-datei (z.B views/testview/tmpl/default.php)
-<code>
 use \Joomla\CMS\HTML\HTMLHelper;
+use \Joomla\CMS\Router\Route;
 HTMLHelper::_('behavior.modal');
-</code>
-Damit wird die Modalbox Funktionalität hinzugefügt
+.
+.
+.
+<a id ="modalbox1" href="<?php echo Route::_('index.php?option=com_component&view=testview&format=raw&layout=modalbox'); ?>" class="modal">Open Modalbox</a>
+</file>
+==== Bootstrap: Modalbox ====
+https://getbootstrap.com/docs/4.0/components/modal/
+<file php default.php>
+<?php
+use \Joomla\CMS\Router\Route;
+.
+.
+.
+<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#bootstrapModalbox">
+  Bootstrap: Modalbox
+</button>
+<!-- Modal-Box -->
+<div class="modal hide fade jviewport-width80 in" id="bootstrapModalbox" tabindex="-1" aria-labelledby="bootstrapModalboxTitle" aria-hidden="true">
+  <div class="modal-header">
+    <button type="button" class="close novalidate" data-dismiss="modal" aria-label="Close">
+      <span aria-hidden="true">&times;</span>
+    </button>
+    <h3 id="bootstrapModalboxTitle">Modalbox title</h3>
+  </div>
+  <div class="modal-body">
+    <iframe class="iframe" src="<?php echo Route::_('index.php?option=com_attlist&view=meldungform&format=raw&layout=modal_success'); ?>" name="iframe name"></iframe>
+  </div>
+  <div class="modal-footer">
+    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+    <button type="button" class="btn btn-primary">Save changes</button>
+  </div>
+</div>
+</file>