Unable to remove portlet after adding in any page in Liferay 7.4 Update 57

RE: Unable to remove portlet after adding in any page in Liferay 7.4 Update 57

2025-03-26T15:26:56Z

Thank you for your help.

I did modify the styles and unstyles theme version, but unfortunately, I still have the same problem. Il also tried with the latest version.

I even tried with a brand new theme and still having the exact same problem.

I think the solution might be in this article :

https://help.liferay.com/hc/en-us/articles/12946482994317-Widgets-don-t-have-all-configuration-options-when-using-a-custom-theme

In the mean time, as a workaround, I switch to the classic theme to remove portlets.

RE: RE: Unable to remove portlet after adding in any page in Liferay 7.4 Update 57

2025-02-10T16:32:59Z

That article states that "it does not happen when the Classic Theme is applied" - you could try to temporarily change the theme and see if the functionality appears again.

Otherwise, here's what's hidden in that article:

Resolution

If we have a custom theme applied, we need to update the liferay-frontend-theme-styled and liferay-frontend-theme-unstyled versions in the package.json file in our theme and then, regenerate and redeploy the theme. Please, use the latest available versions for 7.4.

You can follow these steps:

Change the liferay-frontend-theme-styled and liferay-frontend-theme-styled versions to the latest available ones and save the file. This is an example of package.json:

{
   "name": "my-theme",
   "version": "1.0.0",
   "main": "package.json",
   "keywords": ["liferay-theme"],
   "liferayTheme": {
      "baseTheme": "styled",
      "fontAwesome": false,
      "templateLanguage": "ftl",
      "version": "7.4",
      "sassOptions": {
         "dartSass": false
      }
   },
   "devDependencies": {
      "compass-mixins": "0.12.10",
      "gulp": "4.0.2",
      "liferay-frontend-css-common": "6.0.4",
      "liferay-frontend-theme-styled": "6.0.54",
      "liferay-frontend-theme-unstyled": "6.0.45",
      "liferay-theme-tasks": "^11.4.0"
   },
   "scripts": {
      "init": "gulp init",
      "build": "gulp build",
      "deploy": "gulp deploy",
      "extend": "gulp extend",
      "kickstart": "gulp kickstart",
      "status": "gulp status",
      "upgrade": "gulp upgrade",
      "watch": "gulp watch"
   },
   "dependencies": {
      "node-sass": "7.0.1"
   }
}

Update the modules in your theme:
- Execute npm install in your theme folder.
Regenerate the theme:
- Execute gulp build in your theme folder.
Deploy the war file generated to your Liferay server.

If it doesn't work, you might need to clear the cache ($LIFERAY_HOME/osgi/state, $LIFERAY_HOME/work, $TOMCAT_HOME/work and $TOMCAT_HOME/work/temp). See related article.
If it still doesn't work after following the aforementioned steps, try this solution: Widgets don't have all configuration options when using a custom theme.

Additional Information

RE: Unable to remove portlet after adding in any page in Liferay 7.4 Update 57

2025-02-10T16:31:22Z

I have the same problem after upgrading from Liferay 7.3 to the latest 7.4 version.

Did you manage to find a solution ?

The only thing I have found is the private official answer from Liferay : https://help.liferay.com/hc/en-us/articles/12734525927565-Portlet-options-lost-after-upgrading-to-7-4-U51 I don't have acces to as I'm using the CE version.

Unable to remove portlet after adding in any page in Liferay 7.4 Update 57

2023-01-31T21:32:24Z

Hi,

I recently updated my bundle from Liferay 7.4 DXP Update 20 to Update 57 by upgrading the DB using upgrade client and then running the server. Once the server starts, post logging in - I am unable to remove any portlet which is already there in the page. On adding new portlet to a page (example - web content display or asset publisher) as well, i'm not getting the option to Remove the portlet on the page. In Update 20, we are having the option to Remove the portlet using three dots.

NOTE - The core liferay upgrade process was successful without any errors in the logs.