Versions Compared

Old Version 1

changes.mady.by.user Aron Roberts

Saved on

compared with

New Version Current

changes.mady.by.user Aron Roberts

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

After following these steps, you will then have this folder/file structure within the UI layer source code folder, inside the src/main/webapp/tenants folder:

Code Block

  {your tenant folder}
    images
      {your logo image file}

  • Also note the file name and image dimensions. (To find the image dimensions, open the image file in a graphics application or in a web browser.)
...
  • Within your tenant folder, find the css/cspace.css file. 
    • If this file and/or folder doesn't exist: 
      • If needed, create a new folder within your tenant folder, named css
      • Copy the default cspace.css file into your tenant folder's css folder. E.g. on a Linux or Mac OS X system, from within your tenant folder: 
         Code Block
        
cp ../../defaults/css/cspace.css css/cspace.css

         Or from the top of the ui source code tree: 
cp src/main/webapp/defaults/css/cspace.css src/main/webapp/tenants/mymuseum/css/cspace.css

         Code Block
After following these steps, you will then have this folder/file structure within the UI layer source code folder, inside the src/main/webapp/tenants folder:
 Code Block

  {your tenant folder}
    css
      cspace.css

  • Open the cspace.css file in a text editor (or your other favorite application for editing CSS files).
  • Search for a reference to #name-header-login. This is the ID selector for the logo on your tenant's Sign In (aka login) page. The declaration block for this selector should be similar to the following: 
#name-header-login {
    margin-top:30px;
    background: #fff url("../images/header-logo.png") no-repeat left top;
    width:270px; 
    height:51px;
}

     Code Block
  • Change the background property to list the image file name and location. If the image was placed in the images directory of your tenant then the directory path can stay the same.
  • Change the width and height properties to match the actual width and height of your image (typically measured in pixels). It is necessary to provide the correct size of the image so that it will fit in the page header.
  • Additionally, search for a reference to .header-menu-logo. This is the logo class selector for all other pages. The declaration block should be similar to the following: 
.header-menu-logo {
    margin-top:15px; 
    float:left; 
    background: #fff url("../images/header-logo.png") no-repeat left top; 
    width:270px; 
    height:51px;}

     Code Block
  • As above, replace the background, width and height properties.
...