Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Set hasStyles to true in config.json
  2. Set id, link, and title in the logo section of the config.json
  3. Save your image(s) into the ../portals/myportal/images/ directory
  4. If in In the logo section of your config.json file, you set the "id" field to "example-logo", then you would use this SASS rule to load that image:

    #example-logo {
      height: 40px;25px; // set the correct height for your logo 
      width: (54px // set the correct width for your logo)logo ;
      background-image: url('./images/<portal name>-logo.[png|jpeg]');
    }

...

  • Images will be displayed at a maximum of 40px 25px tall by 95px 57px wide. Logos should be trimmed to size as to fit will within those maximum dimensions.
  • Images can be provided at twice their displayed size (80px 50px x 190px 114px maximum) for better display on high resolution screens.
  • Images should be named using the following format: <portal name>-logo.[png|jpeg].
  • If available, versions of the logo with transparent backgrounds (typically png's), meant to be displayed on dark backgrounds are preferred.

...