How to edit Chat portlet of liferay ?

[12年前 に Amar Daulatkar によって更新されました。]

Hello
I have to change the original look of chat portlet to new ones. I attach the two images. I want the 1'st look while 2'nd is the original. So what changes i do in original chat portlet and in which file?

Thank you.

[12年前 に Jonas Yuan によって更新されました。]

Hi Amar

You can reach the same by customizing Chat plugins' CSS.

possbile steps
1) get chat portlet and build it as local portlet plugin project
2) find CSS and change CSS
3) deploy custom chat plugins.

Hope that it helps,

Thanks.

Jonas Yuan

==================
The Author of Liferay Books:
Liferay 6.1 cookbook: Liferay Portal Systems Development
Liferay User Interface Development
Liferay Portal 6 Enterprise Intranets
Liferay Portal 5.2 Systems Development
Liferay Portal Enterprise Intranets

[12年前 に Amar Daulatkar によって更新されました。]

Thanks Jonas Yuan

But how to build it as local porltet plugin project ? And Please Help me in details and Which exact code should i change in CSS file.

[12年前 に Hitoshi Ozawa によって更新されました。]

Source to the chat portlet is in the chat-portlet\WEB-INF\src folder.

The css is included in the chat-portlet\css\main.jsp

[11年前 に Omkar Kanore によって更新されました。]

Hi Amar,

If you have completed with your customized Chat Portlet can you please share the war file with us.