Respondr Skinning Process

Owned by Jeff Sittler (Deactivated)
Last updated: Jun 08, 2015 by Jodie Muramoto (Deactivated)
1 min read
  1. Copy and rename the defaultSkin/ and defaultSkin.less files to the Respondr directory.  ex: skin_name/ & skin_name.less

  2. Edit the skin_name.less file and change the @import statements to:

    /* Do not rename the following line */
@import "defaultSkin/less/variables.less";


@import "skin_name/less/variables.less";
 
@import "common/common.less";
 
@import "skin_name/less/skin.less";
 
  3. Edit <uportal_dir>/uportal-war/src/main/webapp/media/skins/respondr/skinList.xml and add your skin. (for now, replace the defaultSkin with the skin_name)

  4.  Edit the <uportal_dir>/uportal-war/src/main/data/default_entities/portlet-definition/dynamic-respondr-skin.portlet-definition.xml file and add: 

    <portlet-preference>
    <name>PREFdynamicSkinName</name>
    <value>skin_name</value>
</portlet-preference>

    Change the skin_name

  5. Edit the <uportal_dir>/uportal-war/src/main/data/required_entities/stylesheet-descriptor/Respondr.stylesheet-descriptor.xml  file and replace defaultSkin with skin_name

  6. Do an “ant initdb” to apply the new changes in the data

  7. Do a ant clean deploy-war

 

Don’t forget to add the new skin to Git!