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.
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'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.
I want to change this liferay logo to one of my own. How do i do it? I do not want to create a new theme, but make changes in the existing WELCOME theme of liferay.
Just put your custom favicon.ico file in the docroot/_diffs/images folder of your theme, if you are working on one.
If you’re not then create one using classic as the parent theme so you don’t need to customize it in any way to have the standard look and feel.
I want to create a portlet where the portlet allow access to the remote application. That is the content of the portlet should be dynamic so for the same reason I want to add one option "Preferences" in the portlet (Where the look and feel and configuration options exists). In that preference page If will give some http url (http://localhost:8080/Myapp/Mypage) then on click of save button, the URL page should display in the portlet. How can I do that? Note I am going to use same portlet in different pages with different URLs.
Liferay's "Preferences" link shows the portlet in JSR-286 "edit" mode. That's all there is: If you implement this mode, you'll automatically get the Preferences link.
Why are they named differently? IMHO Edit-Mode is rather misleading as you're editing the preferences rather than any data displayed in the portlet.
You can use Liferay Iframe Portlet which allow access to the remote application.
Refer following url for detail description of look and feel and configuration options : Iframe Portlet
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;
}