diff --git a/.github/AgentListView.png b/.github/AgentListView.png
new file mode 100644
index 000000000..51836f92e
Binary files /dev/null and b/.github/AgentListView.png differ
diff --git a/.github/Hero2.png b/.github/Hero2.png
new file mode 100644
index 000000000..40cdd664d
Binary files /dev/null and b/.github/Hero2.png differ
diff --git a/.github/KB.png b/.github/KB.png
new file mode 100644
index 000000000..42f1598f3
Binary files /dev/null and b/.github/KB.png differ
diff --git a/.github/Search2.png b/.github/Search2.png
new file mode 100644
index 000000000..b79cb6a0e
Binary files /dev/null and b/.github/Search2.png differ
diff --git a/README.md b/README.md
index c38e50521..4f339f3ba 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <div align="center" markdown="1">
 
-<img src=".github/hd-logo.svg" alt="Frappe Helpdesk logo" width="100"/>
+<img src=".github/hd-logo.svg" alt="Frappe Helpdesk logo" width="80"/>
 <h1>Frappe Helpdesk</h1>
 
 **Customer Service, Made Simple and Effective**
@@ -8,11 +8,12 @@
 ![GitHub release (latest by date)](https://img.shields.io/github/v/release/frappe/helpdesk)
 [![codecov](https://codecov.io/github/frappe/helpdesk/branch/develop/graph/badge.svg?token=8ZXHCY4G9U)](https://codecov.io/github/frappe/helpdesk)
 
+
 </div>
 
 
 <div align="center">
-	<img src="./screenshot.webp" alt="Hero Image" width="72%" />
+	<img src="./.github/Hero2.png" alt="Hero Image" width="100%" />
 </div>
 <br />
 <div align="center">
@@ -26,10 +27,10 @@ Frappe Helpdesk is an 100% open-source Ticket Management tool which helps you  s
 
 
 
-## Motivation
+### Motivation
 Managing issues from our customers was a big challenge for us. We were using the ERPNext support module which was not very good in UI and the UX was also not good. We wanted to have a tool that can be easily integrated with our existing system and can be customized as per our needs. So we decided to build Frappe Helpdesk.
 
-## Key Features
+### Key Features
 
 - **Agent and Customer Portal Views**: Dual portals for agents and customers to simplify issue submission and management.
 
@@ -37,19 +38,51 @@ Managing issues from our customers was a big challenge for us. We were using the
 
 - **Assignment Rules**: Custom auto-assignment of tickets based on priority, issue type, or workload.
 
-- **Email Account Setup**: Set up email accounts to automatically create tickets from incoming emails. Choose from various Mail providers like Frappe Mail, Gmail, Outlook, Sendgrid, Sparkpost, Yahoo, Yandex, etc.
+- **Knowledge Base**: Learn how to create and manage help articles to empower users and reduce tickets.
 
 - **Canned Responses**: Pre-written replies for common queries to ensure quick and consistent communication.
 
-- **Knowledge Base**: Learn how to create and manage help articles to empower users and reduce tickets.
+<details open>
+<summary >View Screenshots</summary>
+<h3></h3>
+
+<div align="center">
+	<sub>
+		Agent List View
+	</sub>
+</div>
+
+![Agent List View](.github/AgentListView.png)
 
 
+<div align="center">
+	<sub>
+		Upload articles and let your customer solve there queries through the Knowledge Base.
+	</sub>
+</div>
+
+![Knowledge Base](.github/KB.png)
+
+<div align="center">
+	<sub>
+		With advanced search, your customers will be recommended relevant articles regarding their issue.
+	</sub>
+</div>
 
-## Under the Hood
 
-- [**Frappe Framework**](https://github.com/frappe/frappe): A full-stack web application framework written in Python and Javascript. The framework provides a robust foundation for building web applications, including a database abstraction layer, user authentication, and a REST API.
+![Article Search](.github/Search2.png)
 
-- [**Frappe UI**](https://github.com/frappe/frappe-ui): A Vue-based UI library, to provide a modern user interface. The Frappe UI library provides a variety of components that can be used to build single-page applications on top of the Frappe Framework.
+
+
+</details>
+<br>
+
+
+### Under the Hood
+
+- [**Frappe Framework**](https://github.com/frappe/frappe): A full-stack web application framework written in Python and Javascript.
+
+- [**Frappe UI**](https://github.com/frappe/frappe-ui): A Vue-based UI library, to provide a modern user interface. 
 
 
 ## Production Setup
@@ -134,15 +167,26 @@ To setup the repository locally follow the steps mentioned below:
 1. Run `bench --site helpdesk.test install-app helpdesk`.
 1. Now open the URL `http://helpdesk.test:8000/helpdesk` in your browser, you should see the app running
 
+
+**For Frontend Development**
+1. Open a new terminal session and cd into `frappe-bench/apps/helpdesk/desk`, and run the following commands:
+    ```
+    yarn install
+    yarn dev or yarn dev --host helpdesk.test
+    ```
+1. Now, you can access the site on vite dev server at `http://helpdesk.test:8080`
+
+**Note:** You'll find all the code related to Helpdesk's frontend inside `frappe-bench/apps/helpdesk/desk`
+
 ## Learn and connect
 
 - [Telegram Public Group](https://t.me/frappedesk)
 - [Discuss Forum](https://discuss.frappe.io/c/frappehelpdesk/69)
 - [Documentation](https://docs.frappe.io/helpdesk)
 
-<h2></h2>
 <br>
-<div align="center" style="padding-top: 0.75rem;">
+<br>
+<div align="center">
 	<a href="https://frappe.io" target="_blank">
 		<picture>
 			<source media="(prefers-color-scheme: dark)" srcset="https://frappe.io/files/Frappe-white.png">
diff --git a/desk/src/App.vue b/desk/src/App.vue
index 4d0c467f1..bebc1e316 100644
--- a/desk/src/App.vue
+++ b/desk/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <RouterView class="antialiased" :key="$route.fullPath" />
+  <RouterView class="antialiased" />
   <Toasts />
   <KeymapDialog />
   <Dialogs />
diff --git a/desk/src/components/SidebarLink.vue b/desk/src/components/SidebarLink.vue
index 0073c1440..015f6857b 100644
--- a/desk/src/components/SidebarLink.vue
+++ b/desk/src/components/SidebarLink.vue
@@ -8,7 +8,7 @@
       [bgColor]: isActive,
       [hvColor]: !isActive,
     }"
-    @click="handle"
+    @click="handleNavigation"
   >
     <span
       class="shrink-0 text-gray-700"
@@ -57,12 +57,12 @@ const props = withDefaults(defineProps<P>(), {
 });
 const router = useRouter();
 
-function handle() {
+function handleNavigation() {
   props.onClick();
-  if (props.to) {
-    router.push({
-      name: props.to,
-    });
-  }
+  if (!props.to) return;
+  if (props.to === router.currentRoute.value.name) return;
+  router.push({
+    name: props.to,
+  });
 }
 </script>
diff --git a/desk/src/components/UniInput2.vue b/desk/src/components/UniInput2.vue
index 605b2b6eb..65763dcc9 100644
--- a/desk/src/components/UniInput2.vue
+++ b/desk/src/components/UniInput2.vue
@@ -11,12 +11,26 @@
     >
       <component
         :is="component"
-        :key="transValue"
+        :key="field.fieldname"
         class="form-control"
         :placeholder="`Add ${field.label}`"
         :value="transValue"
-        @change="
-          emitUpdate(field.fieldname, $event.value || $event.target.value)
+        v-on="
+          textFields.includes(field.fieldtype)
+            ? {
+                blur: (event) =>
+                  emitUpdate(
+                    field.fieldname,
+                    event.value || event.target.value
+                  ),
+              }
+            : {
+                change: (event) =>
+                  emitUpdate(
+                    field.fieldname,
+                    event.value || event.target.value
+                  ),
+              }
         "
       />
     </div>
@@ -47,6 +61,8 @@ interface E {
 const props = defineProps<P>();
 const emit = defineEmits<E>();
 
+const textFields = ["Long Text", "Small Text", "Text"];
+
 const component = computed(() => {
   if (props.field.url_method) {
     return h(Autocomplete, {
@@ -75,9 +91,7 @@ const component = computed(() => {
         },
       ],
     });
-  } else if (
-    ["Long Text", "Small Text", "Text"].includes(props.field.fieldtype)
-  ) {
+  } else if (textFields.includes(props.field.fieldtype)) {
     return h(FormControl, {
       type: "textarea",
     });
diff --git a/desk/src/components/ticket/TicketsListView.vue b/desk/src/components/ticket/TicketsListView.vue
index 8b4f93f30..e156d455e 100644
--- a/desk/src/components/ticket/TicketsListView.vue
+++ b/desk/src/components/ticket/TicketsListView.vue
@@ -102,7 +102,7 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner v-if="!isCustomerPortal">
+    <ListSelectBanner>
       <template #actions="{ selections }">
         <Dropdown
           :options="[
diff --git a/desk/src/components/ticket/index.ts b/desk/src/components/ticket/index.ts
index bcf7e1b53..4b61113fd 100644
--- a/desk/src/components/ticket/index.ts
+++ b/desk/src/components/ticket/index.ts
@@ -1,3 +1,3 @@
 export { default as TicketAgentActivities } from "./TicketAgentActivities.vue";
 export { default as TicketAgentSidebar } from "./TicketAgentSidebar.vue";
-export { default as TicketsAgentList } from "./TicketsListView.vue";
+export { default as TicketsListView } from "./TicketsListView.vue";
diff --git a/desk/src/pages/TicketAgent.vue b/desk/src/pages/TicketAgent.vue
index bd25c25d3..a2e72bf0b 100644
--- a/desk/src/pages/TicketAgent.vue
+++ b/desk/src/pages/TicketAgent.vue
@@ -169,7 +169,12 @@ const props = defineProps({
     required: true,
   },
 });
-
+watch(
+  () => props.ticketId,
+  () => {
+    ticket.reload();
+  }
+);
 provide("communicationArea", communicationAreaRef);
 
 let storage = useStorage("ticket_agent", {
@@ -184,9 +189,9 @@ const ticket = createResource({
   url: "helpdesk.helpdesk.doctype.hd_ticket.api.get_one",
   cache: ["Ticket", props.ticketId],
   auto: true,
-  params: {
+  makeParams: () => ({
     name: props.ticketId,
-  },
+  }),
   transform: (data) => {
     if (data._assign) {
       data.assignees = JSON.parse(data._assign).map((assignee) => {
@@ -202,9 +207,14 @@ const ticket = createResource({
   onSuccess: (data) => {
     setupCustomActions(data, {
       doc: data,
+      updateField,
     });
   },
 });
+function updateField(name, value, callback = () => {}) {
+  updateTicket(name, value);
+  callback();
+}
 
 const breadcrumbs = computed(() => {
   let items = [{ label: "Tickets", route: { name: "TicketsAgent" } }];
@@ -356,7 +366,6 @@ function updateTicket(fieldname: string, value: string) {
     auto: true,
     onSuccess: () => {
       isLoading.value = false;
-      ticket.reload();
       createToast({
         title: "Ticket updated",
         icon: "check",
diff --git a/desk/src/pages/TicketCustomer.vue b/desk/src/pages/TicketCustomer.vue
index 8980ddbc1..1571a37c7 100644
--- a/desk/src/pages/TicketCustomer.vue
+++ b/desk/src/pages/TicketCustomer.vue
@@ -5,6 +5,10 @@
         <Breadcrumbs :items="breadcrumbs" />
       </template>
       <template #right-header>
+        <CustomActions
+          v-if="ticket.data._customActions"
+          :actions="ticket.data._customActions"
+        />
         <Button
           v-if="ticket.data.status !== 'Closed'"
           label="Close"
@@ -73,6 +77,7 @@ import TicketCustomerSidebar from "@/components/ticket/TicketCustomerSidebar.vue
 import { useScreenSize } from "@/composables/screen";
 import { useConfigStore } from "@/stores/config";
 import { confirmDialog } from "frappe-ui";
+import { setupCustomActions } from "@/utils";
 interface P {
   ticketId: string;
 }
@@ -85,6 +90,7 @@ const ticket = createResource({
   auto: true,
   params: {
     name: props.ticketId,
+    is_customer_portal: true,
   },
   onError: () => {
     createToast({
@@ -94,6 +100,12 @@ const ticket = createResource({
     });
     router.replace("/my-tickets");
   },
+  onSuccess: (data) => {
+    setupCustomActions(data, {
+      doc: data,
+      updateField,
+    });
+  },
 });
 provide(ITicket, ticket);
 const editor = ref(null);
@@ -125,6 +137,44 @@ const send = createResource({
   },
 });
 
+function updateField(name, value, callback = () => {}) {
+  updateTicket(name, value);
+  callback();
+}
+
+function updateTicket(fieldname: string, value: string) {
+  createResource({
+    url: "frappe.client.set_value",
+    params: {
+      doctype: "HD Ticket",
+      name: props.ticketId,
+      fieldname,
+      value,
+    },
+    auto: true,
+    onSuccess: () => {
+      ticket.reload();
+      createToast({
+        title: "Ticket updated",
+        icon: "check",
+        iconClasses: "text-green-600",
+      });
+    },
+    onError: (e) => {
+      const title =
+        e.messages && e.messages.length > 0
+          ? e.messages[0]
+          : "Failed to update ticket";
+
+      createToast({
+        title,
+        icon: "x",
+        iconClasses: "text-red-600",
+      });
+    },
+  });
+}
+
 function handleClose() {
   if (showFeedback.value) {
     showFeedbackDialog.value = true;
diff --git a/desk/src/pages/Tickets.vue b/desk/src/pages/Tickets.vue
index 418316321..d41b195df 100644
--- a/desk/src/pages/Tickets.vue
+++ b/desk/src/pages/Tickets.vue
@@ -29,7 +29,7 @@
       @event:column="processColumns"
       @event:reload="apply()"
     />
-    <TicketsAgentList
+    <TicketsListView
       :rows="tickets?.data?.data || []"
       :columns="columns"
       :page-length="pageLength"
@@ -53,7 +53,7 @@
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import { useStorage } from "@vueuse/core";
 import { createResource, Breadcrumbs, usePageMeta } from "frappe-ui";
-import { TicketsAgentList } from "@/components/ticket";
+import { TicketsListView } from "@/components/ticket";
 import { ViewControls, LayoutHeader } from "@/components";
 import { useUserStore } from "@/stores/user";
 import { useRoute } from "vue-router";
diff --git a/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopPublic.vue b/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopPublic.vue
index d5c111163..4f6adc018 100644
--- a/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopPublic.vue
+++ b/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopPublic.vue
@@ -12,7 +12,7 @@
     </div>
   </div>
   <div class="border-b pb-3">
-    <div class="text-3xl font-semibold text-gray-900">
+    <div class="text-2xl font-semibold text-gray-900">
       {{ title }}
     </div>
   </div>
diff --git a/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopView.vue b/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopView.vue
index d30aba72f..3e32847b8 100644
--- a/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopView.vue
+++ b/desk/src/pages/knowledge-base/KnowledgeBaseArticleTopView.vue
@@ -23,7 +23,7 @@
     </div>
   </div>
   <div class="border-b pb-3">
-    <div class="text-3xl font-semibold text-gray-900">
+    <div class="text-2xl font-semibold text-gray-900">
       {{ title }}
     </div>
   </div>
diff --git a/desk/src/pages/ticket/TicketTextEditor.vue b/desk/src/pages/ticket/TicketTextEditor.vue
index e1e1b4a97..a060a3c26 100644
--- a/desk/src/pages/ticket/TicketTextEditor.vue
+++ b/desk/src/pages/ticket/TicketTextEditor.vue
@@ -37,6 +37,14 @@
             private: true,
           }"
           @success="(f: File) => $emit('update:attachments', [...attachments, f])"
+          @failure="
+            () =>
+              createToast({
+                title: 'Error Uploading File',
+                icon: 'x',
+                iconClasses: 'text-red-600',
+              })
+          "
         >
           <template #default="{ openFileSelector }">
             <Button theme="gray" variant="ghost" @click="openFileSelector()">
@@ -85,6 +93,7 @@ import {
   UserAvatar,
 } from "@/components";
 import { File } from "@/types";
+import { createToast } from "@/utils";
 
 interface P {
   content: string;
diff --git a/desk/src/router/index.ts b/desk/src/router/index.ts
index 68482e4c0..71b2e39d7 100644
--- a/desk/src/router/index.ts
+++ b/desk/src/router/index.ts
@@ -233,11 +233,9 @@ export const router = createRouter({
 
 router.beforeEach(async (to, _, next) => {
   const authStore = useAuthStore();
-  const userStore = useUserStore();
 
   if (authStore.isLoggedIn) {
     await authStore.init();
-    await userStore.users.fetch();
   }
 
   if (!authStore.isLoggedIn) {
@@ -246,3 +244,10 @@ router.beforeEach(async (to, _, next) => {
     next();
   }
 });
+
+router.afterEach(async (to) => {
+  const isCustomerPortal = to.meta.public ?? false;
+  if (isCustomerPortal) return;
+  const userStore = useUserStore();
+  await userStore.users.fetch();
+});
diff --git a/desk/tailwind.config.js b/desk/tailwind.config.js
index dad1d925d..aa9962867 100644
--- a/desk/tailwind.config.js
+++ b/desk/tailwind.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   mode: "jit",
-  presets: [require("frappe-ui/src/utils/tailwind.config")],
+  presets: [require("frappe-ui/src/tailwind/preset")],
   content: [
     "./index.html",
     "./src/**/*.{vue,js,ts,jsx,tsx}",
@@ -21,8 +21,5 @@ module.exports = {
       },
     },
   },
-  plugins: [
-    require("@tailwindcss/line-clamp"),
-    require("@tailwindcss/typography"),
-  ],
+  plugins: [require("@tailwindcss/typography")],
 };
diff --git a/helpdesk/__init__.py b/helpdesk/__init__.py
index c68196d1c..9c73af26b 100644
--- a/helpdesk/__init__.py
+++ b/helpdesk/__init__.py
@@ -1 +1 @@
-__version__ = "1.2.0"
+__version__ = "1.3.1"
diff --git a/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.json b/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.json
index 5dad53838..6619a2d66 100644
--- a/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.json
+++ b/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.json
@@ -9,6 +9,7 @@
   "apply_to",
   "column_break_lhfw",
   "enabled",
+  "apply_to_customer_portal",
   "section_break_qhfq",
   "script"
  ],
@@ -49,11 +50,17 @@
    "fieldtype": "Code",
    "label": "Script",
    "options": "JS"
+  },
+  {
+   "default": "0",
+   "fieldname": "apply_to_customer_portal",
+   "fieldtype": "Check",
+   "label": "Apply to customer portal"
   }
  ],
  "index_web_pages_for_search": 1,
  "links": [],
- "modified": "2024-06-05 16:19:39.615245",
+ "modified": "2024-12-11 22:56:25.186577",
  "modified_by": "Administrator",
  "module": "Helpdesk",
  "name": "HD Form Script",
diff --git a/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py b/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py
index d18052f58..7c04855bc 100644
--- a/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py
+++ b/helpdesk/helpdesk/doctype/hd_form_script/hd_form_script.py
@@ -9,7 +9,7 @@ class HDFormScript(Document):
     pass
 
 
-def get_form_script(dt, apply_to="Form"):
+def get_form_script(dt, apply_to="Form", is_customer_portal=False):
     """Returns the form script for the given doctype"""
     FormScript = frappe.qb.DocType("HD Form Script")
     query = (
@@ -18,6 +18,7 @@ def get_form_script(dt, apply_to="Form"):
         .where(FormScript.dt == dt)
         .where(FormScript.apply_to == apply_to)
         .where(FormScript.enabled == 1)
+        .where(FormScript.apply_to_customer_portal == is_customer_portal)
     )
 
     doc = query.run(as_dict=True)
diff --git a/helpdesk/helpdesk/doctype/hd_ticket/api.py b/helpdesk/helpdesk/doctype/hd_ticket/api.py
index fd021aa2d..e6a9bc846 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket/api.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket/api.py
@@ -15,12 +15,13 @@
 def new(doc, attachments=[]):
     doc["doctype"] = "HD Ticket"
     doc["via_customer_portal"] = bool(frappe.session.user)
+    doc["attachments"] = attachments
     d = frappe.get_doc(doc).insert()
     return d
 
 
 @frappe.whitelist()
-def get_one(name):
+def get_one(name, is_customer_portal=False):
     check_permissions("HD Ticket", None)
     QBContact = frappe.qb.DocType("Contact")
     QBTicket = frappe.qb.DocType("HD Ticket")
@@ -72,7 +73,9 @@ def get_one(name):
         "tags": get_tags(name),
         "template": get_template(ticket.template or DEFAULT_TICKET_TEMPLATE),
         "views": get_views(name),
-        "_form_script": get_form_script("HD Ticket"),
+        "_form_script": get_form_script(
+            "HD Ticket", is_customer_portal=is_customer_portal
+        ),
     }
 
 
diff --git a/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py b/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py
index 6c2d7d868..cf90d4cb3 100644
--- a/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py
+++ b/helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py
@@ -571,6 +571,8 @@ def reply_via_agent(
             file_doc.attached_to_name = communication.name
             file_doc.attached_to_doctype = "Communication"
             file_doc.save(ignore_permissions=True)
+            self.attach_file_with_ticket(file_doc.file_url)
+
             _attachments.append({"file_url": file_doc.file_url})
 
         reply_to_email = sender_email.email_id
@@ -617,6 +619,7 @@ def reply_via_agent(
     @frappe.whitelist()
     # flake8: noqa
     def create_communication_via_contact(self, message, attachments=[]):
+
         if self.status == "Replied":
             self.status = "Open"
             log_ticket_activity(self.name, "set status to Open")
@@ -636,15 +639,22 @@ def create_communication_via_contact(self, message, attachments=[]):
         c.ignore_permissions = True
         c.ignore_mandatory = True
         c.save(ignore_permissions=True)
-
-        if not len(attachments):
+        _attachments = self.get("attachments") or attachments or []
+        if not len(_attachments):
             return
         QBFile = frappe.qb.DocType("File")
-        condition_name = [QBFile.name == i["name"] for i in attachments]
+        condition_name = [QBFile.name == i["name"] for i in _attachments]
         frappe.qb.update(QBFile).set(QBFile.attached_to_name, c.name).set(
             QBFile.attached_to_doctype, "Communication"
         ).where(Criterion.any(condition_name)).run()
 
+        # attach files to ticket
+        file_urls = frappe.get_all(
+            "File", filters={"attached_to_name": c.name}, pluck="file_url"
+        )
+        for url in file_urls:
+            self.attach_file_with_ticket(url)
+
     @frappe.whitelist()
     def mark_seen(self):
         self.add_view()
@@ -750,6 +760,13 @@ def on_communication_update(self, c):
         # Save the ticket, allowing for hooks to run.
         self.save()
 
+    def attach_file_with_ticket(self, file_url):
+        file_doc = frappe.new_doc("File")
+        file_doc.attached_to_name = self.name
+        file_doc.attached_to_doctype = "HD Ticket"
+        file_doc.file_url = file_url
+        file_doc.save(ignore_permissions=True)
+
     @staticmethod
     def default_list_data(show_customer_portal_fields=False):
         columns = [