<img alt="Liferay" height="36" src="http://cdn.www.liferay.com/osb-www-theme/images/custom/heading.png" width="146" />

Rangsorolás: Expert

Hozzászólások: 346

Csatlakozás dátuma: 2011. december 12.

Hi,
I am trying to develop a custom theme for control panel. So I created a new theme, follow the same directory structure as in control_panel theme.
I made changes in custom.css under _diffs but its not reflecting any change in browser.
If any idea please share!!

Regards
Juhi

RE: How to develop custom theme for control panel

2012. március 27. 22:57

Válasz

Dhrutika Vyas

Rangsorolás: Expert

Hozzászólások: 332

Csatlakozás dátuma: 2009. február 9.

Hi Juhi,

There must be some deployment issues in theme. Verify that your theme changes has been there in tomcat folder or not.

Regards,
Dhrutika

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 28. 2:11

Válasz

Rangsorolás: Junior Member

Hozzászólások: 86

Csatlakozás dátuma: 2010. július 25.

Steps to create custom theme which has parent as control_panel

1. Specify the theme.parent property in your theme build.xml
<property name="theme.parent" value="control_panel" />
2. We need to do small change in our build-common-theme.xml in SDK Plug in.
there is a condition specify call for copying server files to custom theme( _styled, unstyled and classic)
Add below lines at line no: 209 ( same as classic theme)
<elseif>
<equals arg1="${theme.parent}" arg2="control_panel" />
<then>
<copy todir="docroot" overwrite="true">
<fileset
dir="${app.server.portal.dir}/html/themes/control_panel"
excludes="_diffs/**,templates/**"
/>
</copy>

<copy todir="docroot/templates" overwrite="true">
<fileset
dir="${app.server.portal.dir}/html/themes/control_panel/templates"
includes="*.${theme.type}"
/>
</copy>
</then>
</elseif>
3. Make your changes at _diff and build your theme and deploy.

Thanks,
Venkat

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 29. 2:27

Válasz

Rangsorolás: Expert

Hozzászólások: 346

Csatlakozás dátuma: 2011. december 12.

Hi Venkat,
Thanks for reply. I did the same but its not working for me. In portal-ext.properties I mention this line

1control.panel.layout.regular.theme.id=cpanel

but still control_panel theme is working. Don't know how to solve this problem??

Regards
Juhi

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 29. 4:16

Válasz

Rangsorolás: Junior Member

Hozzászólások: 86

Csatlakozás dátuma: 2010. július 25.

You should try with Plugin ID instead of themeId.
Plugin ID is generating differently for plug-ins, check liferay-look-and-feel.xml

Ex: If below is an entry in your liferay-look-and-feel.xml for custom theme
<theme id="cpanel" name="CPanel" /> then your theme Id will be -> cpanel_WAR_cpaneltheme

Simply you can check using below steps
Control Panel -> Plugins Configuration -> Theme Plug-in -> Select / Click Your custom Theme -> Check for Plugin ID

#control.panel.layout.regular.theme.id=Plugin ID
control.panel.layout.regular.theme.id=cpanel_WAR_cpaneltheme

Thanks,
Venkat

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 29. 4:36

Válasz

Rangsorolás: Expert

Hozzászólások: 346

Csatlakozás dátuma: 2011. december 12.

Hi
I also tried for

1control.panel.layout.regular.theme.id=cpanel_WAR_cpaneltheme

But no use. BTW cpanel theme is not showing under Plugin Configuration ->Theme Plugins.
Can you tell me where I am missing??

Regards
Juhi

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 29. 5:17

Válasz

Rangsorolás: Junior Member

Hozzászólások: 86

Csatlakozás dátuma: 2010. július 25.

Is your theme Deployed in server correctly?

Try with these steps
Manage -> Page -> Look and Feel, you will able to see your deployed theme. If not, theme is nor registered in server, you can't use it.

Troubleshooting
1.Check your theme folder at <TOMCAT_HOME>\webapps\<customname>-theme ( Check version and theme tag"
<look-and-feel>
<compatibility>
<version>6.0.11+</version>
</compatibility>
<theme id="cpanel" name="cpanel" />
</look-and-feel>

Please share your logs (Check tomcat console for any info)

Thanks,
Venkat

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 29. 5:53

Válasz

Rangsorolás: Expert

Hozzászólások: 346

Csatlakozás dátuma: 2011. december 12.

Hi Venkat,
Its deployed properly on server. Now my theme is coming under Manage Pages -> Look & Feel
and Control Panel -> Plugins Configuration -> Theme Plugins. But still its not applying for control panel .

Regards
Juhi

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 29. 22:48

Válasz

Rangsorolás: Junior Member

Hozzászólások: 86

Csatlakozás dátuma: 2010. július 25.

Simply , you can apply your custom theme for control panel through Admin UI.

Manage -> Control Panel -> Settings -> Display Settings -> Select your custom theme for Default Control Panel Theme -> Save

Hope this time it should work emoticon

Thanks,
Venkat

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. március 30. 2:24

Válasz

Rangsorolás: Expert

Hozzászólások: 346

Csatlakozás dátuma: 2011. december 12.

Hi
I forgot to tell I am using 5.2.3, where my theme is not coming under
Manage -> Control Panel -> Settings -> Display Settings -> Default Control Panel Theme .
Its working fine in LR6 but I am getting problem in LR5.2.3

Regards
Juhi

Megjelölés válaszként

RE: How to develop custom theme for control panel

2012. szeptember 20. 12:52

Válasz

Srilalitha Pusuluri

Rangsorolás: New Member

Hozzászólások: 7

Csatlakozás dátuma: 2012. február 24.

thanks Venkat, this is a helpful post.