diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f81b0cf
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+content/data
diff --git a/Conjuro/Conjuro.php b/Conjuro/Conjuro.php
index df55c23..e9e00e7 100644
--- a/Conjuro/Conjuro.php
+++ b/Conjuro/Conjuro.php
@@ -125,8 +125,9 @@
       if(!isset($this->db)){
         switch($this->conf["db-engine"]){
           case "dirDB":
+            $dir=getcwd().DIRECTORY_SEPARATOR.$this->conf["db-path"];
             include_once "dirDB.php";
-            $this->db=new dirDB($this->conf["db-path"]);
+            $this->db=new dirDB($dir);
             break;
           case "webDB":
             include_once "webDB.php";
@@ -363,13 +364,23 @@
       $this->renderControl($meta,$data);
     }
 
+    public function getPlaceholders(){
+      $this->getControlPlaceholders();
+    }
+
     abstract protected function renderControl($meta,$data);
+    
+    abstract protected function getControlPlaceholders();
   }
 
   /**
    * Error control class
    */
   class ErrorControl extends Control{
+    protected function getControlPlaceholders(){
+      return [];
+    }
+
     protected function renderControl($meta,$data){
       $name = $this->getName();
       echo "[Control '$name' not found]";
diff --git a/Conjuro/dirDB.php b/Conjuro/dirDB.php
index 93fde5a..7be06a0 100644
--- a/Conjuro/dirDB.php
+++ b/Conjuro/dirDB.php
@@ -21,15 +21,15 @@
         }
 
         public function insert($table,$data,$many=false){
-            $url=$this->url;
+            $base=$this->path;
             if ($many){
                 foreach($data as $v){
                     $id=$v["id"]=$this->guidv4();
-                    $this->write("$base/$table/$id.json",$v);
+                    $this->write("$base/$table","$id.json",$v);
                 }
             }else{
                 $id=$data["id"]=$this->guidv4();
-                $this->write("$base/$table/$id.json",$data);
+                $this->write("$base/$table","$id.json",$data);
             }
         }
 
@@ -44,22 +44,15 @@
         }
 
         public function replace($table,$data){
-            $this->call("${url}/action/replaceOne",[
-                "dataSource"=>$this->dataSource,
-                "database"=>$this->db,
-                "collection"=>$table,
-                "filter"=>[ "_id"=>$id ],
-                "replacement"=>$data,
-            ]);
+            $base=$this->path;
+            $id=$data["id"];
+            $this->write("$base/$table","$id.json",$data);
         }
 
         public function delete($table,$id){
-            $this->call("${url}/action/deleteOne",[
-                "dataSource"=>$this->dataSource,
-                "database"=>$this->db,
-                "collection"=>$table,
-                "filter"=>[ "_id"=>$id ],
-            ]);
+            $base=$this->path;
+            if (file_exists($path))
+                unlink($path);
         }
 
         function read($path){
@@ -71,10 +64,11 @@
             return json_decode($result,true);
         }
 
-        function write($path,$data){
-            var_dump($path);die();            
+        function write($directory,$file,$data){
             $data=json_encode($data);
-            file_put_contents($path,$data);
+            if (!is_dir($directory))
+                mkdir($directory,0777,true);
+            file_put_contents("$directory/$file",$data);
         }
 
         function guidv4($data = null) {
diff --git a/content/controls/builder.html b/content/controls/builder.html
new file mode 100644
index 0000000..6fd6071
--- /dev/null
+++ b/content/controls/builder.html
@@ -0,0 +1,41 @@
+<div id ="page-builder" class="layout vertical main">
+  <!-- Title, remove when variable substitution works on pages -->
+  <div class="layout horizontal right"><span data-#="id"></span></div>
+  <!-- Editor -->
+  <div class="layout horizontal gap">
+    <div id="builder" class="main c80-20"></div>
+    <!-- Page meta -->
+    <div class="main c80-20">
+      <div class="layout vertical gap">
+        <div class="main layout vertical">
+          <div class="caption">Archivo base (layout):</div>
+          <div class="info">Archivo base sobre la que se configura la página.</div>
+          <input name="p-layout" data-value="layout">
+        </div>
+        <div class="main layout vertical">
+          <div class="caption">Controladores de página:</div>
+          <div class="info">Modulos a ejecutar al inicio de la página, los módilos se ejecutaran en el orden indicado.
+          </div>
+          <div class="layout vertical">
+            <div id="controller-item-template">
+              <div data-#="module"></div>
+              <div data-#="action"></div>
+              <i class="fa-solid fa-trash"></i>
+            </div>
+          </div>
+        </div>
+        <div class="main layout vertical">
+          <div class="caption">Librerías de cotroles</div>
+          <div class="info">Librerías de controles a cargar, los controles disponibles dependen de las librarias
+            cargadas.</div>
+          <div class="layout vertical">
+            <div id="control-lib-item-template">
+              <div data-#=""></div>
+              <i class="fa-solid fa-trash"></i>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/content/controls/common-admin.php b/content/controls/common-admin.php
index 2571d52..3026184 100644
--- a/content/controls/common-admin.php
+++ b/content/controls/common-admin.php
@@ -3,10 +3,13 @@
    * Common control library 0.1 for Conjuro.
    */
   return [
-    new class("admin-title") extends Control{
+    new class('admin-title') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
       protected function renderControl($meta,$data) {
         ?>
-          <div id="<?=$meta['id']?>" class="admin-title <?=$meta['class']?>"><?=$meta["title"]?>
+          <div id="<?=$meta['id']?>" class="admin-title <?=$meta['class']?>"><?=$meta['title']?>
             <?php if ($meta['left']) foreach($meta['left'] as $child) c()->renderContent($child,$data); ?>
           </div>
           <div class="admin-title-right <?=$meta['class']?>">&nbsp;<i class="fa-solid fa-gear btn-ico"></i></div>
@@ -14,73 +17,56 @@
         <?php
       }
     },
-    new class("admin-panel-buttons") extends Control{
+    new class('admin-panel-buttons') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
       protected function renderControl($meta,$data) {
-        foreach(m("Admin")->do("get-panel-links") as $lnk){
-          c()->control("admin-panel-button")->render($lnk,$data);
+        foreach(m('Admin')->do('get-panel-links') as $lnk){
+          c()->control('admin-panel-button')->render($lnk,$data);
         }
       }
     },
-    new class("admin-panel-button") extends Control{
+    new class('admin-panel-button') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
       protected function renderControl($meta,$data) {
         echo '<div class="admin-panel-button">';
         echo '<i class="admin-panel-button-icon fa-solid fa-'.$meta['icon'].'"></i>';
-        echo '<a class="admin-panel-button-link" href="'.$meta["link"].'">'.$meta["title"].'</a>';
+        echo '<a class="admin-panel-button-link" href="'.$meta['link'].'">'.$meta['title'].'</a>';
         echo '</div>';
       }
     },
-    new class("admin-tile") extends Control{
+    new class('admin-section') extends Control{
+      protected function getControlPlaceholders(){
+        return [
+          'class'     =>['type'=>'s','description'=>'Clase opcional para el control de sección.'],
+          'title'     =>['type'=>'s','description'=>'Título'],
+          'body-class'=>['type'=>'s','description'=>'Clase opcional para el cuerpo del control de sección.'],
+          'content'   =>['type'=>'a','description'=>'Contenido'],
+        ];
+      }
       protected function renderControl($meta,$data) {
         ?>
           <div class="admin-tile <?=$meta['class']?>">
             <div class="admin-tile-header"><?=$meta['title']?></div>
-            <div class="admin-tile-body">
+            <div class="admin-tile-body" <?=$meta['body-class']?>>
               <?php if ($meta['content']) foreach($meta['content'] as $child) c()->renderContent($child,$data); ?>
             </div>
           </div><!-- Tile -->
         <?php
       }
     },
-    new class("builder") extends Control{
+    new class('builder') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
       // Para medir el layout usar una clase Page falsa que genere metricas sobre el uso del layout
 
       protected function renderControl($meta,$data) {
-        ?>
-        <div class="page-builder layout vertical">
-<script>
-  var page=<?=json_encode($data['page'])?>;
-</script>
-          <div class="layout horizontal right"><span><?=$data['page-id']?></span></div>
-          <div class="layout horizontal gap">
-            <div class="main layout vertical">
-              <div class="caption">Archivo base (layout):</div>
-              <div class="info">Archivo base sobre la que se configura la página.</div>
-              <input name="p-layout" value="<?=$data['page']['layout']?>">
-            </div>
-            <div class="main layout vertical">
-              <div class="caption">Controladores de página:</div>
-              <div class="info">Modulos a ejecutar al inicio de la página, los módilos se ejecutaran en el orden indicado.</div>
-              <div class="layout vertical">
-                <div id="controller-item-template">
-                  <div data-#="module"></div>
-                  <div data-#="action"></div>
-                  <i class="fa-solid fa-trash"></i>
-                </div>
-              </div>
-            </div>
-            <div class="main layout vertical">
-              <div class="caption">Librerías de cotroles</div>
-              <div class="info">Librerías de controles a cargar, los controles disponibles dependen de las librarias cargadas.</div>
-              <div class="layout vertical">
-                <div id="control-lib-item-template">
-                  <div data-#=""></div>
-                  <i class="fa-solid fa-trash"></i>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <?php
+          include('builder.html');
+        ?><script>builder.init(<?=json_encode($data['page'])?>);</script><?php
       }
     },
   ];
diff --git a/content/controls/common.php b/content/controls/common.php
index b0c746b..1125927 100644
--- a/content/controls/common.php
+++ b/content/controls/common.php
@@ -4,6 +4,10 @@
    */
   return [
     new class('data') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         ?>
         <span id="<?=$meta['id']?>" class="<?=$meta['id']?>"><?=htmlentities($data[$meta['key']])?></span>
@@ -11,11 +15,19 @@
       }
     },
     new class('html') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         echo $meta['html'];
       }
     },
     new class('img') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         c()->rhtml(
           'img',
@@ -24,6 +36,10 @@
       }
     },
     new class('form') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         $cols=$meta['columns'];
         c()->rhtml(
@@ -58,6 +74,10 @@
       }
     },
     new class('form-data') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         if ($meta['id']){
           $lid=$meta["id"].'-label';
@@ -80,23 +100,39 @@
       }
     },
     new class('jump') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         $ctt=$meta["height"];
         echo "<div style='height:$ctt'></div>";
       }
     },
     new class('icon') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         ?><i class="<?=$meta['class']?> fa-solid fa-<?=$meta['icon']?>"></i><?php
       }
     },
     new class('table') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         ?><table class="tbl <?=$meta['class']?>"><tr><?php
         ?></tr></table><?php
       }
     },
     new class('list') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+
       protected function renderControl($meta,$data) {
         $itemData=$data[$meta['data']];
         $itemTemplate=$meta['item'];
@@ -116,6 +152,10 @@
       }
     },
     new class('list-item') extends Control{
+      protected function getControlPlaceholders(){
+        return [];
+      }
+      
       protected function renderControl($meta,$data) {
         $itemData=$data['item'];
         if (!$itemData)
diff --git a/content/fragment/layout-admin.php b/content/fragment/layout-admin.php
index df70254..85bf26b 100644
--- a/content/fragment/layout-admin.php
+++ b/content/fragment/layout-admin.php
@@ -15,10 +15,10 @@
     <div id="panel-user"><?=$this->data('username')?> <a href="?logout=yes&page=index"><i class="fa-solid fa-right-from-bracket"></i></a></div>
     <div id="panel-content"><?php $this->showContent('panel');?></div>
 </div>
-<div id="workarea" class="main layout vertical">
-    <div id="content" class="main">
+<div id="workarea" class="layout vertical">
+    <div id="content" class="main layout vertical">
         <div id="content-header"><?php $this->showContent('header');?></div>
-        <div id="content-body"><?php $this->showContent('body');?></div>
+        <div id="content-body" class="main layout vertical"><?php $this->showContent('body');?></div>
     </div>
     <div id="footer">Conjuro (C) XWolf 2022-2023</div>
 </div>
diff --git a/content/modules/Admin.php b/content/modules/Admin.php
index a4ab111..cb6a0a4 100644
--- a/content/modules/Admin.php
+++ b/content/modules/Admin.php
@@ -58,8 +58,8 @@
     $this->register('get-panel-links',function(){
       return [
         ["title"=>"Dashboard","link"=>"?page=admin/dashboard","icon"=>"gauge"],
-        ["title"=>"Users","link"=>"?page=admin/users","icon"=>"user"],
-        ["title"=>"Pages","link"=>"?page=admin/pages","icon"=>"file"],
+        ["title"=>"Usuarios","link"=>"?page=admin/users","icon"=>"user"],
+        ["title"=>"Paginas","link"=>"?page=admin/pages","icon"=>"file"],
         ["title"=>"Test","link"=>"?page=admin/test","icon"=>"vial-virus"],
       ];
     });
diff --git a/content/pages/admin/dashboard.json b/content/pages/admin/dashboard.json
index d703b37..ebbdc0b 100644
--- a/content/pages/admin/dashboard.json
+++ b/content/pages/admin/dashboard.json
@@ -20,7 +20,7 @@
     ],
     "body": [
         {
-            "@": "admin-tile",
+            "@": "admin-section",
             "content": [
                 {
                     "@": "html",
diff --git a/content/pages/admin/page-edit.json b/content/pages/admin/page-edit.json
index 2cb34ec..25cb336 100644
--- a/content/pages/admin/page-edit.json
+++ b/content/pages/admin/page-edit.json
@@ -26,7 +26,7 @@
     ],
     "body": [
         {
-            "@": "admin-tile",
+            "@": "admin-section",
             "title":"Editando {page-id}",
             "content": [
                 {
diff --git a/content/pages/admin/pages.json b/content/pages/admin/pages.json
index 1db6b56..767009e 100644
--- a/content/pages/admin/pages.json
+++ b/content/pages/admin/pages.json
@@ -26,7 +26,7 @@
     ],
     "body": [
         {
-            "@": "admin-tile",
+            "@": "admin-section",
             "content": [
                 {
                     "@": "list",
diff --git a/content/pages/admin/test.json b/content/pages/admin/test.json
index cf61129..2906df6 100644
--- a/content/pages/admin/test.json
+++ b/content/pages/admin/test.json
@@ -20,7 +20,7 @@
     ],
     "body": [
         {
-            "@": "admin-tile",
+            "@": "admin-section",
             "html": "<b>Welcome</b> to <span class='conj'>Conjuro!!</span>"
         },
         {
diff --git a/content/pages/admin/user-edit.json b/content/pages/admin/user-edit.json
index 6bfd3e7..34a20e7 100644
--- a/content/pages/admin/user-edit.json
+++ b/content/pages/admin/user-edit.json
@@ -32,7 +32,7 @@
     ],
     "body": [
         {
-            "@": "admin-tile",
+            "@": "admin-section",
             "content": [
                 {
                     "@": "list",
diff --git a/content/pages/admin/users.json b/content/pages/admin/users.json
index d49ec1f..08864dc 100644
--- a/content/pages/admin/users.json
+++ b/content/pages/admin/users.json
@@ -26,7 +26,7 @@
     ],
     "body": [
         {
-            "@": "admin-tile",
+            "@": "admin-section",
             "content": [
                 {
                     "@": "list",
diff --git a/media/admin/builder.js b/media/admin/builder.js
index 1013902..cca12ac 100644
--- a/media/admin/builder.js
+++ b/media/admin/builder.js
@@ -18,6 +18,21 @@
  *  DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-var builder = new (function () {
+var builder = (function () {
+    var meta;
+    var root;
 
+    function init(pageMeta) {
+        meta = pageMeta;
+        root = document.body.querySelector("#page-builder");
+        refresh();
+    }
+
+    function refresh(){
+        µWeb.populate(root,meta);
+    }
+
+    return {
+        init: init,
+    }
 })();
\ No newline at end of file
diff --git a/media/admin/style.css b/media/admin/style.css
index f497f6c..c42a1ce 100644
--- a/media/admin/style.css
+++ b/media/admin/style.css
@@ -77,6 +77,7 @@
     background-size: 100% 130px;
     overflow-y: auto;
     overflow-x: hidden;
+    flex:1;
 }
 
 #content-header {
@@ -228,11 +229,11 @@
 }
 
 /* control::builder */
-.page-builder .caption{
+#page-builder .caption{
     text-decoration: underline;
 }
 
-.page-builder .info{
+#page-builder .info{
     font-size: 0.7em;
     /*background-color: #fefff0;*/
     margin:0.2rem 0;
@@ -341,6 +342,8 @@
     border: 3px solid var(--scroll-bar-bg-color);
 }
 
+/**** Layouting ****/
+
 .layout {
     display: flex;
 }
@@ -358,7 +361,7 @@
 }
 
 .layout.big-gap {
-    gap: 1rem;
+    gap: 1.1rem;
 }
 
 .layout.horizontal.reverse {
@@ -369,10 +372,33 @@
     flex-direction: column-reverse;
 }
 
-.main {
+.layout>.main {
     flex: 1;
 }
 
+.layout.horizontal>.main {
+    min-width: 0;
+}
+.layout.vertical>.main {
+    min-height: 0;
+}
+
+.layout>.main.master {
+    flex: 0.7;
+}
+
+.layout>.main.detail {
+    flex: 1.3;
+}
+
+.layout>.main.c80-20:first-child {
+    flex: 0.8;
+}
+
+.layout>.main.c80-20:last-child {
+    flex: 0.2;
+}
+
 .layout.horizontal.left {
     justify-content: flex-start;
 }
@@ -419,4 +445,4 @@
 
 .layout.vertical.bottom {
     justify-content: flex-end;
-}
\ No newline at end of file
+}
diff --git a/media/muWeb.js b/media/muWeb.js
index 54c33e3..6e1a864 100644
--- a/media/muWeb.js
+++ b/media/muWeb.js
@@ -1,5 +1,5 @@
-/*  µWeb 1.0 Web development micro-framework
- *  Copyright 2022 XWolfOverride
+/*  µWeb 1.1 Web development micro-framework
+ *  Copyright 2022-2023 XWolfOverride
  *
  *  Licensed under the MIT License
  * 
@@ -62,7 +62,7 @@
      * Generates a repetition of elements from a source of data
      * @param {dom} template Template dom
      * @param {function} fncreated Element created callback
-     * @param {scting} idBase base id of repetition for each iteration (only for elements with id)
+     * @param {string} idBase base id of repetition for each iteration (only for elements with id)
      * @returns Repeater instance API
      */
     function repeater(template, fncreated, idBase) {
@@ -113,10 +113,18 @@
         }
     }
 
-    function populate(dom, data, idBase, link) {
+    /**
+     * Popupate data into a page, actual page data is removed and new data is filled.
+     * @param {dom} dom Template dom to repeat
+     * @param {*} data Data source of repetition
+     * @param {string} idBase base id of repetition for each iteration (only for elements with id)
+     * @param {*} tag data to set on ._tag
+     */
+    function populate(dom, data, idBase, tag) {
         if (dom.id && idBase)
             dom.id = idBase + dom.id;
-        dom._link = link;
+        dom._tag = tag;
+        dom._data=data;
         // process dataset:
         for (var k in dom.dataset) {
             var d = data[dom.dataset[k]];
@@ -128,7 +136,7 @@
         }
         // go to childs
         for (var i in dom.children)
-            populate(dom.children[i], data, idBase, link);
+            populate(dom.children[i], data, idBase, tag);
     }
 
     return {