I'm in Liferay 7.1.
I have a xxxTheme in the folder WARS. This theme is applied on public and private pages.
I've created an module panelApp, located in the user accordion in the side nav.
How could I apply my theme in the view of my panel app ?
Thanks,
The panel apps located in the user accordion will use the control panel theme. The public and private pages as you mentioned are not related to that section of your system.
You will be able to use by changing your control panel theme to your theme. Although, you might need to change some pieces of your theme to support the control panel components with your style.
Related
I have a problem when developing a new Liferay 7.2 theme based on gradle as a build tool, the problem is when I added a custom css in the file _custom.scss in order to customize some styles within my theme, the default liferay admin Control panel and Menu( in the left hand side and in the top ) are looking very bad and my theme looks not Responsive(I mean the style and there are buttons which are not displayed anymore example the toast-animation-btn is not visible ).
From my perspective, maybe my custom css ( because I have a large css file it is kind of Migration from 6.2 --> 7.2) is impacting the default liferay portal things --> this is just my opinion and maybe I could be wrong...
Otherwise, if my reasoning is true please How could prevent my styles to impact liferay default menu?
A whole lot of things have changed between 6.2 and 7.x html markup. I would strongly advise testing each small css feature independently and rewrite the one that is not compatible anymore. By feature I mean all css code related to a specific portlet or section of your template.
Also the theme template themselves have changed a lot and are not strictly compatible. In this case I'd suggest starting with a new theme templates and bring back one by one the customization, you made in it. Also look at the new content page feature: https://portal.liferay.dev/docs/7-2/user/-/knowledge_base/u/creating-content-pages You might be able to replace many theme customization with them in a more maintainable and web admin-friendly way.
That being said if you just want to isolate you sass code from impacting the admin menu, in the default template there is no quick way to identify the content section of the page (well, there is #wrapper and #content, but they are too generic and present in the admin page as well) I'd suggest that you add an id at the right level of your own template. After that just embed all your sass code inside that id.
I don't know if I'm the only one to have this problem, I'm developing a liferay theme using the plugin sdk and eclipse. I have a theme based on classic, when I turn off eclipse and turn on again I found that all changes on custom.css are gone and reset to default classic theme.
this was my fault I was making changes on docroot/custom.css directly, I should put the on _diff/.
You have to done your custom css in _diff/css/custom.css ok
when you create the theme your _diff folder is empty so you just take all css folder, template folder, js folder and images folder form classic theme and place in _diff folder then modify in _diff/css/custom.css file
Have look into following site for more info about liferay Liferay Savvy
I am using Liferay 6.1.1.
I have created a portlet in eclipse through pluggin sdk 6.1.1.
Now i wants change the size of the portlet.
How can i change it?
Help me
In most cases, through the Page's Layout (log as admin, Manage, Page Layout). It's a good practice to have your portlet visuals/styling generic, so that it can adapt to the hosting page's theme and layout, to keep it usable for later projects and different portal configurations.
Usually it's done through theme's css and layout templates. But you may use some css right in your portlet. Also a portlet might have been maximized and minimized so don't take too much css in your portlet.
You can add your own css for portlet instance:
Options->Look and Feel->Advenced Styling
Add a CSS rule for just this portlet.
Example:
#portlet_56_INSTANCE_ENG7BaroFy5f{
width: 800px;
height: 440px;
}
I created new Theme in Liferay and now I want remove all default css from Welcome Page of Liferay, but I want keep this default css in admin panel.
How can I do that?
Since you have created a new theme, please apply that new theme on the welcome page. The new theme should contain all the css classes with custom look and feel that you want.
For e.g., if the welcome page has the login portlet, then please update the css classes that are used in the login portlet and have your desired look and feel in the theme.
The admin panel will not have your theme, it has default control panel theme.
I want to develop an application like LifeRay control panel which has right navigation menu and a page that renders the clicked menu.
My question is how to develop at for example as one portlet or multi portlet taking into considaration (portlet communication)? and how to handle navigation inside portlet?
I'm using Icefaces(JSF) for portlet development and there is a section repeated for other pages(template)
Is there an example in liferay source for this?
Can't you just adjust a theme to have the navigation at the side as opposed to the default (at the top)? This way you'd be developing a plain portal application without any special magic - probably the most intuitive way to go.
Also, others will likely be able to quickly understand what you did and are able to add functionality.