diff --git a/public_html/pages/component.php b/public_html/pages/component.php
index 86151ea108c0005d7578c9a1107b9a21ac71fde7..e3b820a6c2887673a907293215c4941adcc8d5fb 100644
--- a/public_html/pages/component.php
+++ b/public_html/pages/component.php
@@ -27,14 +27,9 @@ $aWidgetOptions=[];
 // ----------------------------------------------------------------------
 
 if(!$renderAdminLTE->getComponent($sComponent)) {
-    echo '
-    <h2>Ooops</h2>
-    <p>Maybe there is a typo ... the component <strong>&quot;'.$sComponent.'&quot;</strong> was not found.</p>
-
-    <p>Show all components...</p>
-    ';
-
+    echo '<h2>Show all components...</h2>';
 
+    $sAllWidgets='';
     foreach($renderAdminLTE->getComponents(1) as $sComponent=>$aComponent){
 
         // code to fix ... 
@@ -46,8 +41,20 @@ if(!$renderAdminLTE->getComponent($sComponent)) {
             }
         }
         // print_r($aWidgetOptions);
-        echo getOutput("\$renderAdminLTE->".$aComponent['method']."(".var_export($aWidgetOptions, 1).");") . '<br><br>';
+        $sAllWidgets.= $renderAdminLTE->addCol(
+            $renderAdminLTE->getCard(array (
+                'title' => $aComponent['label'],
+                //'tools' => 'Tools',
+                'text' => getOutput("\$renderAdminLTE->".$aComponent['method']."(".var_export($aWidgetOptions, 1).");"),
+                'footer' => '<a href="?id='.$sComponent.'" class="btn btn-secondary">Test ['.$aComponent['label'].']</a>',
+            )),
+            3,
+            false
+        );
     }
+    echo $renderAdminLTE->addRow(
+        $sAllWidgets
+    );
     
 } else {
 
@@ -128,7 +135,7 @@ if(!$renderAdminLTE->getComponent($sComponent)) {
 
     // ---------- output
     echo $renderAdminLTE->addRow(
-        '<h2>'.$aComp['label'].'</h2>'
+        '<h2><a href="?" class="btn btn-secondary"> << </a> '.$aComp['label'].'</h2>'
     )
     .$renderAdminLTE->addRow(
         '<p>'.$aComp['description'].'</p>'