diff --git a/Http/Controllers/Api/MenusController.php b/Http/Controllers/Api/MenusController.php
new file mode 100644
index 0000000..67b7003
--- /dev/null
+++ b/Http/Controllers/Api/MenusController.php
@@ -0,0 +1,28 @@
+<?php  namespace VaahCms\Modules\Cms\Http\Controllers\Api;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Routing\Controller;
+use VaahCms\Modules\Cms\Entities\Content;
+use VaahCms\Modules\Cms\Entities\ContentFormField;
+use VaahCms\Modules\Cms\Entities\ContentTypeBase;
+use WebReinvent\VaahCms\Models\ThemeLocation;
+
+class MenusController extends Controller
+{
+
+    public function __construct()
+    {
+    }
+
+    //----------------------------------------------------------
+    //----------------------------------------------------------
+
+    public static function getList(Request $request, $menu_slug)
+    {
+
+        return ThemeLocation::getLocationData($menu_slug);
+
+    }
+
+}
diff --git a/Http/Controllers/Backend/ExtendController.php b/Http/Controllers/Backend/ExtendController.php
index 8fb4408..db18f67 100644
--- a/Http/Controllers/Backend/ExtendController.php
+++ b/Http/Controllers/Backend/ExtendController.php
@@ -4,7 +4,7 @@
 use Illuminate\Http\Response;
 use Illuminate\Routing\Controller;
 use VaahCms\Modules\Cms\Entities\ContentTypeBase;
-use WebReinvent\VaahCms\Entities\TaxonomyType;
+use WebReinvent\VaahCms\Models\TaxonomyType;
 
 class ExtendController extends Controller
 {
@@ -37,7 +37,7 @@ public static function getCmsContentRelations()
         $list = [
             [
                 "name" => "Taxonomy",
-                "namespace" => "WebReinvent\\VaahCms\\Entities\\Taxonomy",
+                "namespace" => "WebReinvent\\VaahCms\\Models\\Taxonomy",
                 "options" => TaxonomyType::getListInTreeFormat(),
                 "filter_by" => 'vh_taxonomy_type_id',
                 "add_url" => route('vh.backend')."#/vaah/manage/taxonomies/create",
diff --git a/Models/ContentTypeBase.php b/Models/ContentTypeBase.php
index 3e4d801..1342862 100644
--- a/Models/ContentTypeBase.php
+++ b/Models/ContentTypeBase.php
@@ -331,7 +331,6 @@ public static function getItemWithRelations($id)
                 }])
             ->withTrashed()
             ->first();
-
         $response['status'] = 'success';
         $response['data'] = $item;
 
diff --git a/Models/FieldType.php b/Models/FieldType.php
new file mode 100644
index 0000000..cc6a5b5
--- /dev/null
+++ b/Models/FieldType.php
@@ -0,0 +1,111 @@
+<?php namespace VaahCms\Modules\Cms\Models;
+
+use DateTimeInterface;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+use WebReinvent\VaahCms\Models\User;
+use WebReinvent\VaahCms\Traits\CrudWithUuidObservantTrait;
+
+class FieldType extends Model {
+
+    use SoftDeletes;
+    use CrudWithUuidObservantTrait;
+
+    //-------------------------------------------------
+    protected $table = 'vh_cms_field_types';
+    //-------------------------------------------------
+    protected $dates = [
+        'created_at',
+        'updated_at',
+        'deleted_at'
+    ];
+    //-------------------------------------------------
+    protected $dateFormat = 'Y-m-d H:i:s';
+    //-------------------------------------------------
+    protected $fillable = [
+        'name',
+        'slug',
+        'excerpt',
+        'meta',
+        'created_by',
+        'updated_by',
+        'deleted_by'
+    ];
+
+    //-------------------------------------------------
+    protected $appends  = [
+    ];
+
+    //-------------------------------------------------
+
+
+
+    //-------------------------------------------------
+    protected function serializeDate(DateTimeInterface $date)
+    {
+        $date_time_format = config('settings.global.datetime_format');
+
+        return $date->format($date_time_format);
+
+    }
+    //-------------------------------------------------
+    //-------------------------------------------------
+    public function setMetaAttribute($value)
+    {
+        if($value)
+        {
+            $this->attributes['meta'] = json_encode($value);
+        } else{
+            $this->attributes['meta'] = null;
+        }
+    }
+    //-------------------------------------------------
+    public function getMetaAttribute($value)
+    {
+        if($value)
+        {
+            return json_decode($value);
+        }
+        return null;
+    }
+    //-------------------------------------------------
+    public function getTableColumns() {
+        return $this->getConnection()->getSchemaBuilder()
+            ->getColumnListing($this->getTable());
+    }
+    //-------------------------------------------------
+    public function scopeExclude($query, $columns)
+    {
+        return $query->select( array_diff( $this->getTableColumns(),$columns) );
+    }
+    //-------------------------------------------------
+    public function scopeIsPublished($query)
+    {
+        return $query->where( 'is_published', 1 );
+    }
+    //-------------------------------------------------
+    public function createdByUser()
+    {
+        return $this->belongsTo(User::class,
+            'created_by', 'id'
+        )->select('id', 'uuid', 'first_name', 'last_name', 'email');
+    }
+
+    //-------------------------------------------------
+    public function updatedByUser()
+    {
+        return $this->belongsTo(User::class,
+            'updated_by', 'id'
+        )->select('id', 'uuid', 'first_name', 'last_name', 'email');
+    }
+    //-------------------------------------------------
+    public function deletedByUser()
+    {
+        return $this->belongsTo(User::class,
+            'deleted_by', 'id'
+        )->select('id', 'uuid', 'first_name', 'last_name', 'email');
+    }
+    //-------------------------------------------------
+    //-------------------------------------------------
+
+}
diff --git a/Models/FormGroup.php b/Models/FormGroup.php
index 2aeb177..91053e7 100644
--- a/Models/FormGroup.php
+++ b/Models/FormGroup.php
@@ -205,7 +205,6 @@ public static function syncWithFormFields(FormGroup $group, $fields_array)
                     ->first();
 
 
-
                 if(isset($field['type']) && isset($field['type']['slug']) )
                 {
                     $type = FieldType::where('slug', $field['type']['slug'])->first();
diff --git a/Resources/views/backend/pages/app.blade.php b/Resources/views/backend/pages/app.blade.php
index fd9435f..e76c24a 100644
--- a/Resources/views/backend/pages/app.blade.php
+++ b/Resources/views/backend/pages/app.blade.php
@@ -15,7 +15,7 @@
     @if(env('MODULE_CMS_ENV') == 'develop')
         <script type="module" src="http://localhost:8367/Vue/main.js"></script>
     @else
-        <script type="module" src="{{vh_module_assets_url("Cms", "build/index.js")}}"></script>
+        <script type="module" src="{{vh_module_assets_url("Cms", "build/main.js")}}"></script>
     @endif
 
 @endsection
diff --git a/Routes/api.php b/Routes/api.php
index 2be9861..6a074ea 100644
--- a/Routes/api.php
+++ b/Routes/api.php
@@ -29,3 +29,5 @@ function () {
         Route::any( '/contents/{singular_slug}/{content_slug}', 'ContentsController@getContentItem' );
         //------------------------------------------------
     });
+
+include('api/api-routes-menus.php');
diff --git a/Routes/api/api-routes-menus.php b/Routes/api/api-routes-menus.php
index e7ff350..daa0d20 100644
--- a/Routes/api/api-routes-menus.php
+++ b/Routes/api/api-routes-menus.php
@@ -6,64 +6,15 @@
 Route::group(
     [
         'prefix' => 'cms/menus',
-        'namespace' => 'Backend',
+        'namespace' => 'Api',
     ],
 function () {
-
-    /**
-     * Get Assets
-     */
-    Route::get('/assets', 'MenusController@getAssets')
-        ->name('vh.backend.cms.api.menus.assets');
     /**
      * Get List
      */
-    Route::get('/', 'MenusController@getList')
+    Route::get('/{menu_slug}', 'MenusController@getList')
         ->name('vh.backend.cms.api.menus.list');
-    /**
-     * Update List
-     */
-    Route::match(['put', 'patch'], '/', 'MenusController@updateList')
-        ->name('vh.backend.cms.api.menus.list.update');
-    /**
-     * Delete List
-     */
-    Route::delete('/', 'MenusController@deleteList')
-        ->name('vh.backend.cms.api.menus.list.delete');
-
-
-    /**
-     * Create Item
-     */
-    Route::post('/', 'MenusController@createItem')
-        ->name('vh.backend.cms.api.menus.create');
-    /**
-     * Get Item
-     */
-    Route::get('/{id}', 'MenusController@getItem')
-        ->name('vh.backend.cms.api.menus.read');
-    /**
-     * Update Item
-     */
-    Route::match(['put', 'patch'], '/{id}', 'MenusController@updateItem')
-        ->name('vh.backend.cms.api.menus.update');
-    /**
-     * Delete Item
-     */
-    Route::delete('/{id}', 'MenusController@deleteItem')
-        ->name('vh.backend.cms.api.menus.delete');
 
-    /**
-     * List Actions
-     */
-    Route::any('/action/{action}', 'MenusController@listAction')
-        ->name('vh.backend.cms.api.menus.list.action');
-
-    /**
-     * Item actions
-     */
-    Route::any('/{id}/action/{action}', 'MenusController@itemAction')
-        ->name('vh.backend.cms.api.menus.item.action');
 
 
 
diff --git a/Vue/pages/contenttypes/Contentstructure.vue b/Vue/pages/contenttypes/Contentstructure.vue
index e863f37..f4d40d5 100644
--- a/Vue/pages/contenttypes/Contentstructure.vue
+++ b/Vue/pages/contenttypes/Contentstructure.vue
@@ -1,13 +1,14 @@
 <script setup>
 import {onMounted, ref, watch} from "vue";
 import {useRoute} from 'vue-router';
+import {vaah} from '../../vaahvue/pinia/vaah'
 import draggable from 'vuedraggable'
-
 import { useContentTypeStore } from '../../stores/store-contenttypes'
 
 import VhViewRow from '../../vaahvue/vue-three/primeflex/VhViewRow.vue';
 const store = useContentTypeStore();
 const route = useRoute();
+const useVaah = vaah();
 
 onMounted(async () => {
 
@@ -28,6 +29,7 @@ onMounted(async () => {
         await store.getContentStrucutre(route.params.id);
     // }
 
+
 });
 
 //--------toggle item menu
@@ -37,7 +39,12 @@ const toggleItemMenu = (event) => {
 };
 //--------/toggle item menu
 
+const onSelectType = (field,data,group_index,field_index) => {
+    field.meta['filter_id'] = null;
+}
+
 </script>
+
 <template>
     <div class="col-6" >
         <Card>
@@ -67,18 +74,25 @@ const toggleItemMenu = (event) => {
                                 <InputSwitch v-model="item.is_repeatable"
                                              v-bind:false-value="0"
                                              v-bind:true-value="1"
-                                             data-testid="contetntypes-is_repeatable"/>
+                                             data-testid="contetntypes-is_repeatable"
+                                />
+
                                 <p class="ml-1 mr-3 text-xs font-semibold">Is Repeatable</p>
                                 <Button icon="pi pi-hashtag"
+                                        :label="item.id"
                                         @click="store.getCopy(item.slug)"
                                         data-testid="contetntypes-copy_slug"
-                                        class="p-button-sm"/>
+                                        class="p-button-sm"
+                                />
+
                                 <Button icon="pi pi-trash"
                                         class="p-button-sm"
                                         data-testid="contetntypes-remove_group"
-                                        @click="store.removeGroup(item,idx)"/>
+                                        @click="store.removeGroup(item,idx)"
+                                />
                             </div>
                         </div>
+
                         <draggable
                             v-model="item.fields"
                             class="dragArea list-group"
@@ -88,13 +102,16 @@ const toggleItemMenu = (event) => {
                             item-key="id">
                             <template #item="{element,index}">
                                 <div>
-                                    <div class="p-inputgroup mb-3">
+                                    <div class="p-inputgroup my-3">
                                         <InputText class="w-2" :model-value="element.type.name" disabled/>
                                         <InputText class="w-6"
                                                    v-model="element.name"
+                                                   @input="store.groupsFieldsSlug(element)"
                                                    data-testid="contenttype-group_field_name"
                                                    placeholder="Field Name"/>
                                         <Button icon="pi pi-hashtag p-button-sm"
+                                                :label="element.id"
+                                                :disabled="!element.id"
                                                 @click="store.getCopy(element.slug)"
                                                 data-testid="contenttype-group_field_slug"/>
                                         <Button icon="pi pi-cog p-button-sm"
@@ -108,99 +125,111 @@ const toggleItemMenu = (event) => {
                                         <div class="p-datatable p-component p-datatable-responsive-stack
                                             p-datatable-striped p-datatable-sm"
                                              data-scrollselectors=".p-datatable-wrapper" pv_id_6="">
-                                            <!----><!----><!----><!----><!---->
                                             <div class="p-datatable-wrapper">
-                                                <table role="table" class="p-datatable-table">
-                                                    <thead class="p-datatable-thead" role="rowgroup">
-                                                    <tr role="row">
-                                                        <th class="" role="cell"><!---->
-                                                            <div class="p-column-header-content"><!----><!---->
-                                                                <!----><!----><!----><!----></div>
-                                                        </th>
-                                                        <th class="" role="cell"><!---->
-                                                            <div class="p-column-header-content"><!----><!---->
-                                                                <!----><!----><!----><!----></div>
-                                                        </th>
-                                                    </tr><!----></thead><!---->
-                                                    <tbody class="p-datatable-tbody" role="rowgroup"><!---->
-                                                    <tr class="" role="row" draggable="false">
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>Is repeatable
-                                                        </td>
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>
-                                                            <div class="p-inputswitch p-component">
-                                                                <div class="p-hidden-accessible"><input
-                                                                    type="checkbox" role="switch" class=""
-                                                                    aria-checked="false"></div>
-                                                                <span class="p-inputswitch-slider"></span></div>
-                                                            <!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if-->
-                                                        </td>
-                                                    </tr><!----><!----><!---->
-                                                    <tr class="" role="row">
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>Is Searchable
-                                                        </td>
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span><!--v-if-->
-                                                            <div class="p-inputswitch p-component">
-                                                                <div class="p-hidden-accessible"><input
-                                                                    type="checkbox" role="switch" class=""
-                                                                    aria-checked="false"></div>
-                                                                <span class="p-inputswitch-slider"></span></div>
-                                                            <!--v-if--><!--v-if--><!--v-if--><!--v-if--></td>
-                                                    </tr><!----><!----><!---->
-                                                    <tr class="" role="row">
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>Excerpt
+                                                <table role="table" class="p-datatable-table p-component p-datatable-striped">
+
+                                                    <tr v-if="!store.assets.non_repeatable_fields.includes(element.type.slug)">
+                                                        <td>
+                                                            Is repeatable
                                                         </td>
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span><!--v-if-->
-                                                            <!--v-if--><textarea
-                                                                class="p-inputtextarea p-inputtext p-component w-full"></textarea>
-                                                            <!--v-if--><!--v-if--><!--v-if--></td>
-                                                    </tr><!----><!----><!---->
-                                                    <tr class="" role="row">
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>Opening Tag
+
+                                                        <td>
+                                                            <InputSwitch v-model="element.is_repeatable"
+                                                                         v-bind:false-value="0"
+                                                                         v-bind:true-value="1"
+                                                                         data-testid="contenttype-group_field_repeatable"
+                                                            />
                                                         </td>
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span><!--v-if--><!--v-if-->
-                                                            <!--v-if--><input
-                                                                class="p-inputtext p-component w-full"><!--v-if-->
-                                                            <!--v-if--></td>
-                                                    </tr><!----><!----><!---->
-                                                    <tr class="" role="row">
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>Closing Tag
+                                                    </tr>
+
+                                                    <tr>
+                                                        <td>
+                                                            Is searchable
                                                         </td>
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span><!--v-if--><!--v-if-->
-                                                            <!--v-if--><!--v-if--><input
-                                                                class="p-inputtext p-component w-full"><!--v-if-->
+
+                                                        <td>
+                                                            <InputSwitch v-bind:false-value="0"
+                                                                         v-bind:true-value="1"
+                                                                         data-testid="contenttype-group_field_searchable"
+                                                                         v-model="element.is_searchable"
+                                                                         class="mt-2"
+                                                            />
                                                         </td>
-                                                    </tr><!----><!----><!---->
-                                                    <tr class="" role="row">
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span>Is Hidden
+                                                    </tr>
+                                                    <tr>
+                                                        <td>
+                                                            Excerpt
                                                         </td>
-                                                        <td class="" role="cell"><span
-                                                            class="p-column-title"></span><!--v-if--><!--v-if-->
-                                                            <!--v-if--><!--v-if--><!--v-if-->
-                                                            <div>
-                                                                <div class="p-checkbox p-component" id="hidden">
-                                                                    <div class="p-hidden-accessible"><input
-                                                                        type="checkbox" class=""></div>
-                                                                    <div class="p-checkbox-box"><span
-                                                                        class="p-checkbox-icon"></span></div>
-                                                                </div>
-                                                                <label for="hidden"
-                                                                       class="font-semibold text-xs ml-1">Is
-                                                                    Hidden</label></div>
+
+                                                        <td>
+                                                            <Textarea data-testid="contenttype-group_field_excerpt"
+                                                                      v-model="element.excerpt"
+                                                                      class="w-full"
+                                                            />
                                                         </td>
-                                                    </tr><!----><!----></tbody><!----></table>
-                                            </div><!----><!---->
-                                            <div class="p-column-resizer-helper" style="display: none;"></div>
+                                                    </tr>
+
+                                                    <template v-if="element.meta">
+                                                        <tr v-for="(meta_item, meta_index) in element.meta"
+                                                            v-if="(meta_index !== 'container_opening_tag'
+                                                                    && meta_index !== 'container_closing_tag')
+                                                                    || (store && store.assets && store.assets.non_repeatable_fields && store.assets.non_repeatable_fields.includes(element.type.slug))
+                                                                    || element.is_repeatable"
+                                                        >
+                                                            <td v-if="meta_index !== 'filter_id'
+                                                                && meta_index !== 'display_column'
+                                                                && meta_index !== 'options'"
+                                                            >
+                                                                <span class="mt-3" v-html="useVaah.toLabel(meta_index)"></span>
+                                                            </td>
+
+                                                            <td v-if="meta_index !== 'filter_id'
+                                                                    && meta_index !== 'display_column'
+                                                                    && meta_index !== 'options'"
+                                                            >
+                                                                <template v-if="meta_index.includes('is_')">
+                                                                    <Checkbox :id="meta_index"
+                                                                              :data-testid="'contenttype-group_field_meta_' + meta_index"
+                                                                              v-model="element.meta[meta_index]"
+                                                                              :inputId="meta_index"
+                                                                              class="mt-3"
+                                                                              :binary="true"
+                                                                    />
+
+                                                                    <label :for="meta_index" class="mt-4 ml-2">
+                                                                        {{ useVaah.toLabel(meta_index) }}
+                                                                    </label>
+                                                                </template>
+
+                                                                <template v-else-if="meta_index === 'option'">
+                                                                    <Chips  v-model="element.meta[meta_index]"
+                                                                            placeholder="Add a tag"
+                                                                            aria-close-label="Delete this option"
+                                                                            class="w-full mt-3"
+                                                                            inputClass="p-inputtext-sm"
+                                                                    />
+                                                                </template>
+
+                                                                <template v-else-if="meta_index === 'type' && (store && store.assets && store.assets.content_relations)">
+                                                                    <Dropdown v-model="element.meta[meta_index]"
+                                                                              :options="store.assets.content_relations"
+                                                                              optionLabel="name"
+                                                                              placeholder="Select"
+                                                                              class="w-full md:w-14rem mt-3"
+                                                                    />
+                                                                </template>
+
+                                                                <template v-else>
+                                                                    <InputText v-model="element.meta[meta_index]"
+                                                                               type="text"
+                                                                               class="mt-3 w-full p-inputtext-sm"
+                                                                    />
+                                                                </template>
+                                                            </td>
+                                                        </tr>
+                                                    </template>
+                                                </table>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -220,8 +249,8 @@ const toggleItemMenu = (event) => {
             </template>
         </Card>
     </div>
-    <div class="col-2" >
-        <Card>
+    <div class="col-3" >
+        <Card style="height:570px; overflow-y: auto">
             <template #header>
                 <h2 class="font-semibold text-lg">Content Fields</h2>
             </template>
diff --git a/Vue/pages/contenttypes/components/Actions.vue b/Vue/pages/contenttypes/components/Actions.vue
index 648a99b..32912a1 100644
--- a/Vue/pages/contenttypes/components/Actions.vue
+++ b/Vue/pages/contenttypes/components/Actions.vue
@@ -90,6 +90,7 @@ const toggleBulkMenuState = (event) => {
                                     icon="pi pi-search"/>
                             <Button
                                 type="button"
+                                v-if="store.isContentStructure()"
                                 class="p-button-sm"
                                 data-testid="contenttypes-actions-show-filters"
                                 @click="store.show_filters = true">
@@ -99,6 +100,7 @@ const toggleBulkMenuState = (event) => {
 
                             <Button
                                 type="button"
+                                v-if="store.isContentStructure()"
                                 icon="pi pi-filter-slash"
                                 data-testid="contenttypes-actions-reset-filters"
                                 class="p-button-sm"
diff --git a/Vue/pages/contenttypes/components/Table.vue b/Vue/pages/contenttypes/components/Table.vue
index 37ad042..34405f8 100644
--- a/Vue/pages/contenttypes/components/Table.vue
+++ b/Vue/pages/contenttypes/components/Table.vue
@@ -12,111 +12,115 @@ const useVaah = vaah();
     <div v-if="store.list">
         <!--table-->
          <DataTable :value="store.list.data"
-                       dataKey="id"
-                   class="p-datatable-sm"
-                   v-model:selection="store.action.items"
-                   stripedRows
-                   responsiveLayout="scroll">
+                    dataKey="id"
+                    class="p-datatable-sm"
+                    v-model:selection="store.action.items"
+                    stripedRows
+                    responsiveLayout="scroll"
+         >
              <Column selectionMode="multiple"
-                    v-if="store.isViewLarge()"
-                    headerStyle="width: 3em">
-            </Column>
+                     v-if="store.isContentStructure()"
+                     headerStyle="width: 3em"
+             />
 
-            <Column field="id" header="ID" :style="{width: '90px'}" :sortable="true">
-            </Column>
+            <Column field="id" v-if="store.isContentStructure()" header="ID" :style="{width: '90px'}" :sortable="true"
+            />
 
             <Column field="name" header="Name"
-                    :sortable="true">
-
+                    :sortable="true"
+            >
                 <template #body="prop">
                     <Badge v-if="prop.data.deleted_at"
                            value="Trashed"
-                           severity="danger"></Badge>
-                    {{prop.data.name}}
+                           severity="danger"
+                    />
+                    {{ prop.data.name }}
                 </template>
-
             </Column>
 
-             <Column field="plural" header="Plural"
-                     :sortable="true">
-
+             <Column field="plural"
+                     header="Plural"
+                     v-if="store.isContentStructure()"
+                     :sortable="true"
+             >
                  <template #body="prop">
-                     <Badge v-if="prop.data.deleted_at"
-                            value="Trashed"
-                            severity="danger"></Badge>
-                     {{prop.data.plural}}
+                     {{ prop.data.plural }}
                  </template>
-
              </Column>
 
-             <Column field="singular" header="Singular"
-                     :sortable="true">
-
+             <Column field="singular"
+                     header="Singular"
+                     v-if="store.isContentStructure()"
+                     :sortable="true"
+             >
                  <template #body="prop">
-                     <Badge v-if="prop.data.deleted_at"
-                            value="Trashed"
-                            severity="danger"></Badge>
-                     {{prop.data.singular}}
+                     {{ prop.data.singular }}
                  </template>
-
              </Column>
 
 
-             <Column field="updated_at" header="Updated"
-                     v-if="store.isViewLarge()"
+             <Column field="updated_at"
+                     header="Updated"
+                     v-if="store.isContentStructure()"
                      style="width:90px;"
-                     :sortable="true">
+                     :sortable="true"
+             >
                  <template #body="prop">
-                     {{useVaah.ago(prop.data.updated_at)}}
+                     {{ useVaah.ago(prop.data.updated_at) }}
                  </template>
              </Column>
 
-            <Column field="is_published" v-if="store.isViewLarge()"
+            <Column field="is_published"
+                    v-if="store.isContentStructure()"
                     :sortable="true"
                     style="width:150px;"
-                    header="Is Published">
-
+                    header="Is Published"
+            >
                 <template #body="prop">
                     <InputSwitch v-model.bool="prop.data.is_published"
                                  data-testid="contenttypes-table-is-active"
                                  v-bind:false-value="0"  v-bind:true-value="1"
                                  class="p-inputswitch-sm"
-                                 @input="store.toggleIsActive(prop.data)">
-                    </InputSwitch>
+                                 @input="store.toggleIsActive(prop.data)"
+                    />
                 </template>
-
             </Column>
 
             <Column field="actions" style="width:150px;"
                     :style="{width: store.getActionWidth() }"
-                    :header="store.getActionLabel()">
-
+                    :header="store.getActionLabel()"
+            >
                 <template #body="prop">
-                    <div class="p-inputgroup ">
-
+                    <div class="p-inputgroup">
                         <Button class="p-button-tiny p-button-text"
                                 data-testid="contenttypes-table-to-view"
                                 v-tooltip.top="'Content Structure'"
                                 @click="store.toContentStructure(prop.data)"
-                                icon="pi pi-align-left" />
+                                icon="pi pi-align-left"
+                        />
+
                         <Button class="p-button-tiny p-button-text"
                                 data-testid="contenttypes-table-to-view"
                                 v-tooltip.top="'View'"
                                 @click="store.toView(prop.data)"
-                                icon="pi pi-eye" />
+                                icon="pi pi-eye"
+                        />
 
                         <Button class="p-button-tiny p-button-text"
+                                v-if="store.isContentStructure()"
                                 data-testid="contenttypes-table-to-edit"
                                 v-tooltip.top="'Update'"
                                 @click="store.toEdit(prop.data)"
-                                icon="pi pi-pencil" />
+                                icon="pi pi-pencil"
+                        />
 
                         <Button class="p-button-tiny p-button-danger p-button-text"
                                 data-testid="contenttypes-table-action-trash"
                                 v-if="store.isViewLarge() && !prop.data.deleted_at"
                                 @click="store.itemAction('trash', prop.data)"
                                 v-tooltip.top="'Trash'"
-                                icon="pi pi-trash" />
+                                icon="pi pi-trash"
+                        />
 
 
                         <Button class="p-button-tiny p-button-success p-button-text"
@@ -124,17 +128,11 @@ const useVaah = vaah();
                                 v-if="store.isViewLarge() && prop.data.deleted_at"
                                 @click="store.itemAction('restore', prop.data)"
                                 v-tooltip.top="'Restore'"
-                                icon="pi pi-replay" />
-
-
+                                icon="pi pi-replay"
+                        />
                     </div>
-
                 </template>
-
-
             </Column>
-
-
         </DataTable>
         <!--/table-->
 
@@ -144,10 +142,8 @@ const useVaah = vaah();
         <Paginator v-model:rows="store.query.rows"
                    :totalRecords="store.list.total"
                    @page="store.paginate($event)"
-                   :rowsPerPageOptions="store.rows_per_page">
-        </Paginator>
+                   :rowsPerPageOptions="store.rows_per_page"
+        />
         <!--/paginator-->
-
     </div>
-
 </template>
diff --git a/Vue/stores/store-contenttypes.js b/Vue/stores/store-contenttypes.js
index bdaa1d5..79bc316 100644
--- a/Vue/stores/store-contenttypes.js
+++ b/Vue/stores/store-contenttypes.js
@@ -111,8 +111,8 @@ export const useContentTypeStore = defineStore({
                     this.list_view_width = 12;
                     break;
                 case 'contenttypes.contentstructure':
-                    this.view = 'large';
-                    this.list_view_width = 4;
+                    this.view = 'content structure';
+                    this.list_view_width = 3;
                     break;
                 default:
                     this.view = 'small';
@@ -197,6 +197,7 @@ export const useContentTypeStore = defineStore({
                     },{deep: true}
                 );
             }
+
         },
         //---------------------------------------------------------------------
         async getAssets() {
@@ -706,6 +707,11 @@ export const useContentTypeStore = defineStore({
             return this.view === 'large';
         },
         //---------------------------------------------------------------------
+        isContentStructure()
+        {
+            return this.view !== 'content structure';
+        },
+        //---------------------------------------------------------------------
         getIdWidth()
         {
             let width = 50;
@@ -979,8 +985,9 @@ export const useContentTypeStore = defineStore({
             }
         },
         //---------------------------------------------------------------------
-        toContentStructure(item) {
+        async toContentStructure(item) {
             this.item = vaah().clone(item);
+            await this.getContentStrucutre(this.item.id);
             this.$router.push({name: 'contenttypes.contentstructure', params: {id: item.id}});
 
         },
@@ -992,7 +999,8 @@ export const useContentTypeStore = defineStore({
         },
         //---------------------------------------------------------------------
         removeField(idx,i) {
-            this.item.groups[i].content_types.splice(idx, 1);
+            this.item.groups[i].fields.splice(idx, 1);
+            vaah().toastErrors(['Removed']);
         },
         //---------------------------------------------------------------------
         getCopy(value)
@@ -1041,6 +1049,11 @@ export const useContentTypeStore = defineStore({
             return item;
         },
         //---------------------------------------------------------------------
+        groupsFieldsSlug(item){
+            console.log(item.name);
+            item.slug = vaah().strToSlug(item.name);
+        },
+        //---------------------------------------------------------------------
     }
 });