2010/11/12

UCM: How to create a new skin and layout

There is the possibility to change the look & feel in UCM and, this way, adapt the user interface to any organization that works with this product: changing the logo for its own, modify colors and CSS style, ...

Below, you can see a viewlet showing the necessary steps to create a new layout. In this example, it copies an existing template and it modifies some selected elements.

Note: This viewlet is based in UCM 10g version

Step-by-step:
1) Copy any existing layout of the system in "Installation Path"/weblayout/resources/layouts
2) Modify images, CSS style or layout
3) Copy the modified layout to the system in "Installation Path"/weblayout/resources/layouts
4) Log-in into the Content Server with an user with administration rights
5) Open the Admin Server (Administration > Admin Server)
6) Add the Additional Configuration Variables:
LegacyScanLayoutsDirForAdditionalLayouts=true
LegacyScanLayoutsDirForAdditionalSkins=true
7) Restart the Content Server
8) Publish the static layout (Administration > Actions > Publish static layout files)
9) Publish schema and configuration data (Administration > Actions > Publish schema and configuration data)
10) Done. Log-in with any user and configure the new look & fell in his profile.

Related Links:
http://blogs.oracle.com/kyle/2009/08/ucm_custom_skins_and_layouts_a.html
http://www.oracle.com/technology/products/content-management/ucm/samples/CreateLayout.zip
http://download.oracle.com/docs/cd/E10316_01/cs/cs_doc_10/sdk/modifying_interface/wwhelp/wwhimpl/js/html/wwhelp.htmEnlace

Documentation:
Oracle's oficial documentation for UCM 10g

Viewlet:
(Duration: 6min - Video comments in spanish)


2 comments:

  1. how i can change the after login success page from search screen to any other page

    ReplyDelete
  2. A logo is the most essential symbol that is utilized to maintain a company's image. Several companies can grab attention of their clients or attract potential clients by having well-designed logos. Creating a logo design is highly of the essence. Amazing Logo Design

    ReplyDelete